我正在使用Jquery验证插件来验证表单,提交后我需要显示成功/错误消息而无需重新加载页面。但是每次我提交表单时,页面都会重新加载。同样,即使数据出现在数据库中,“错误”警报也会不断出现。
index.php
<?php
function register() {
$name = $_POST['name'];
$mail = $_POST['email'];
$query = "INSERT INTO table_name (name,email) VALUES ('$name','$email')";
$data = mysql_query($query)or die(mysql_error());
echo json_encode($data);
}
if(isset($_POST['submit'])) {
register();
}
?>
JavaScript代码:
$("#myform").validate({
//rules, messages go here
submitHandler: function(event) {
$.ajax({
url: "index.php",
type: "POST",
data: $(#myform).serialize(),
dataType: 'json',
success: function() {
alert("Thank you!");
},
error: function() {
alert("Error. Try again please!");
}
});
event.preventDefault();
}
});
我认为你的问题在这里
data: $(#myform).serialize()
更改为
data: $(this).serialize()
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句