javascript - 如何在jquery中验证后提交表单

Question

我试图在验证成功后提交表单，因此我运行了以下代码，并且两个操作同时执行。我也尝试提交处理程序方法，但它只收到错误。我的代码如下所示:

$("#request_form").validate({
    debug: false,
    onfocusout: function(element) {
        $(element).valid();
    },
    errorClass : 'has-error',
    rules: {
        Subject : "required",
        Screen: "required"
    },
    messages: {
        Subject : "Subject cannot be empty",
        Screen: "Screen  cannot be empty"
    },
    submitHandler: function(form) {
        form.submit();
    }
});



$("#request_form").on('submit',
              (function(e) 
               {
               $("#request_form").validate(); 
               $("#request_form").valid()
               {
                   alert("test");
                   var action = "Provide_Feedback";
                   var form = $('form')[0]; 
                   var formData = new FormData(form);

                   formData.append('action','Provide_Feedback');
                   e.preventDefault();

                   $.ajax({
                   url: "support_update.php", 
                   type: "POST",             
                   data: formData, 
                   contentType: false,      
                   cache: false,            
                   processData:false,        
                   success: function(data)   
                   {            
                       if (data == "200") {
                       alert("Your Request Sent.");
                       window.location = 'provide_feedback.php';
                       }
                       else {   
                       alert("There was an error occurred!");
                       }                 

                   }
                   });

               }
               }));

Answer 1

插件的submitHandler仅在表单有效时触发。您确实也不需要自己的处理程序。

将 ajax 放入 submitHandler 中并删除 form.submit()。

form.submit() 告诉浏览器通过默认流程发送表单，如果您想使用 ajax 提交表单，这显然不是您想要的。

考虑到您在 ajax 成功中使用 javascript 进行了重定向，但不清楚为什么您首先要使用 ajax