Jump to content

faylonxd

Members
  • Content count

    4
  • Joined

  • Last visited

Community Reputation

0 Comum

About faylonxd

Recent Profile Visitors

261 profile views
  1. faylonxd

    Botao Não chamando o evento

    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 ?>
  2. faylonxd

    Botão não dispara o evento

    Ola a Todos!! estou aprendendo php/ajax, porem nao consigo fazer o botao disparar o evento! Meu codigo index esta assim: <html> <head> <title>Inserindo dados com PHP, Ajax e DOM</title> <style type="text/css"> body{ background:#f7f7ff; } #geral{ font:bold 12px trebuchet MS: color:blue; position:absolute; top:155px; left:220px; } p{ text-align:center; font:bold 15px verdana,arial; color:red; position:absolute; top:200px; left:200px; } legend{ font:bold 12px trebuchet MS; color:#193935; text-transform:uppercase; } </style> </head> <body> <div id="geral"> <fieldset style="width:300px"> <legend> Cadastro com ajax, php e DOM </legend> <form id="frm"> <center> Apelido: <input type="text" name="nome" id="nome"><br> Senha: <input type="text" name="senha" id="senha"><br> <input type="button" value="cadastrar" onClick="function cadastra();"> </center> </form> </fieldset> </div> <script type="text/javascript"> var request = getXmlHttp(); function cadastra(){ var nm = document.getElementById("nome").value; var se = document.getElementById("senha").value; var url= "cadastra.php?nome="+nm+"&senha="+se; request.open("GET", url, true); request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); request.onreadystatechange = confirma; request.send(null); } function confirma(){ if(request.readyState == 4){ var response = request.responseText; var divmain = document.getElementById("geral"); var formid = document.getElementById("frm"); var pelement = document.createElement("p"); var text = document.createTextNode("Parabéns " + response + ", Cadastro Concluido!"); pelement.appendChild(text); divmain.replaceNode(pelement,frm); var ael = document.createElement("a"); var pula = document.createElement("<br>"); var textlink = document.createTextNode("voltar"); ael.appendChild(textlink); ael.setAttribute("href","Cadastro.html"); pelement.appendChild(pula); pelement.appendChild(ael); } } </script> </body> </html> Porem, ao executar a pagina, preencher os campos e clicar no botao, nada acontece! Alem desses tenho os arquivos php para conectar ao BD e o arquivo php que executara a inserção dos dados no DB
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.