Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
O HTML5, tem seu próprio validador acoplado ao navegador. Estou montando uma página onde valido com html5 e a requisição seria via ajax do arquivo enviar.php. o problema é que ao colocar a input como submit, a página é atualizada. Se alguém puder me ajudar. Muito obrigado.
enviar.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript" language="javascript"></script>
</head>
<body>
<script>
$("#enviar").click(function() {
if($('#formulario')[0].checkValidity()){
var nome = $("#nome");
var nomePost = nome.val();
var email = $("#email");
var emailPost = email.val();
var telefone = $("#telefone");
var telefonePost = telefone.val();
$.post("enviar.php", {nome: nomePost, email: emailPost, telefone: telefonePost},
function(data){
$("#resposta").html(data);},"html");
}
});
</script>
<form action="" method="post" id="formulario">
<label>Nome: <input type="text" name="nome" id="nome" required/></label>
<input type="button" value="Enviar" id="enviar" />
</form>
<div id="resposta"></div>
</body>
</html>enviar.php
<?php
$nome = $_POST['nome'];
print "Cadastro Realizado!$nome";
?>Carregando comentários...