我在jquery中有以下表单验证和提交脚本,但由于某种原因其无法正常工作。它看起来像它的提交,但当我单击提交时,它只是重置表单,并且不生效或执行ajax发布。有人知道我在这里做错了吗?
修改后的代码
<script type="text/javascript">
$(function(){
$('#form').submit(function(e){
e.preventDefault();
$("#form").validate({debug: false,
rules: {
name: "required",
email: {
required: true,
email: true
},
phone: {
required: true,
phone: true
}
},
messages: {
name: "Please let us know who you are.",
email: "A valid email will help us get in touch with you.",
phone: "Please provide a valid phone number.",
},
submitHandler: function() {
// Send the request
$.post('/submit.php', {
name: $('#name').val(),
email: $('#email').val(),
phone: $('#phone').val(),
message: $('#message').val()
}, function(d){
alert("Thank you for submitting your request someone will contact your shortly.");
});
}
});
});
});
</script>
最佳答案
您只需要添加
$('#form').submit(function(e) {
....
return false;
});
到提交末尾,这将避免执行表单的实际提交。
更新:
正如Dustin指出的那样,如果您不想阻止事件冒泡,则preventDefault可能会更好。
$('#form').submit(function(e) {
....
e.preventDefault();
});
关于javascript - jQuery表单未提交或验证,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24762611/