Botao Não chamando o evento

faylonxd · Dezembro 1, 2017

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>
<!-- Required Div Starts Here -->
<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");
} else {
// AJAX code to submit form.
$.ajax({
type: "POST",
url: "cadMotorista.php",
data: dataString,
cache: false,
success: function(html) {
alert(html);
}
});
}
return false;
}

tenho tb a pagina php responsavel por inserir os dados no BD:

<?php
// Fetching Values From URL
$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
?>

kikombat · Dezembro 1, 2017

Substitua

<input id="submit" onclick="cadMotorista()" type="button" value="Submit">

Por

<input id="submit" onclick="cadMotorista()" type="submit" value="Submit">

Entrar

Arquivado

Botao Não chamando o evento

Recommended Posts

faylonxd 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kikombat 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida referente a PDV

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante