Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Henrique Utsch

Validação HTML5 e ajax com jquery

Recommended Posts

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";
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

dispare no evento onsubmit do formulário

 

e use um return false antes de fechar o evento.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.