Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou aprendendo javascript, porem estou tendo o seguinte problema, quando eu clico no botao que deveria chamar a função javascript nada acontece!! Eu peguei esse exemplo na net e tava funcionando normalmente o click do botao e a inserção do banco de dados, porem quando alterei para o que eu precisava o botao parou de funcionar!
segue o código do meu html:
<!DOCTYPE html>
<html>
<head>
<title>Submit Form Using AJAX PHP and javascript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div id="mainform">
<div class="innerdiv">
<h2>Cadastro de Motorista</h2><form id="form" name="form">
<div>
<label>Name:</label>
<input id="nome" type="text"><br><br>
<label>Nascimento:</label>
<input id="nascimento" type="text"><br><br>
<label>CPF:</label>
<input id="cpf" type="text"><br><br>
<label>Sexo :</label>
<input name="sexo" type="radio" value="M" checked="checked" />
Masculino
<input name="sexo" type="radio" value="F" />
Feminino<br><br>
<label>Modelo do Carro :</label>
<input id="modelo" type="text"><br><br>
<label>Status do Motorista :</label>
<input name="ativo" type="radio" value=1 checked="checked" />
Ativo
<input name="ativo" type="radio" value=0 />
Inativo<br><br>
<input id="submit" onclick="cadMotorista()" type="button" value="Submit">
</div>
</form>
<div id="clear"></div>
</div>
<div id="clear"></div>
</div>
</body>
</html>
O botão deveria chamar a função cadMotorista() que está no meu codigo script.js, porem quando clico nada acontece!
function cadMotorista() {
var nome = document.getElementById("nome").value;
var nascimento = document.getElementById("nascimento").value;
var cpf = document.getElementById("cpf").value;
var sexo = document.getElementById("sexo").value;
var modelo = document.getElementById("modelo").value;
var ativo = document.getElementById("ativo").value;// Returns successful data submission message when the entered information is stored in database.
var dataString = 'nome1=' + nome + 'nascimento1=' + nascimento + 'cpf1=' + cpf + 'sexo1=' + sexo + 'modelo1=' + modelo + 'ativo1=' + ativo +;
if (nome == '' || nascimento == '' || cpf == '' || modelo == '') {
alert("Todos os campos São Obrigatorios");success: function(html) {
alert(html);
}
});
}
return false;
}
tenho tb a pagina php responsavel por inserir os dados no BD:
<?php$nome2 = $_POST['nome1'];
$nascimento2 = $_POST['nascimento1'];
$cpf2 = $_POST['cpf1'];
$sexo2 = $_POST['sexo1'];
$modelo2 = $_POST['modelo1'];
$ativo2 = $_POST['ativo1'];
$conexao = mysqli_connect("localhost", "root", "", "dbcorridas");
if (!$conexao)
die ("Erro de conexão com localhost, o seguinte erro ocorreu -> ".mysql_error());
$query = "INSERT INTO `tb_motorista` (`nome_motorista`, `nasc_motorista`, `cpf_motorista`, `Modelo_carro`, `status_motorista`, `sexo_motorista`)
VALUES('$nome2', '$nascimento2', '$cpf2', '$modelo2', '$ativo2','$sexo2')";
mysqli_query($conexao,$query);
echo "Motorista Cadastrado Com Sucesso!!";mysqli_close($conexao); // Connection Closed
?>
Carregando comentários...