我在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/

10-11 23:32
查看更多