提交之前的jQuery表单验证

Question

如果required字段未完成，我现在有以下js，它将添加error类。

我需要一个if语句，如果任何require字段为空而不发表该表单。

这是我目前的JS。

function CheckPaymentForm(){  
    $('.required').removeClass('error').filter(function() { 
     return !$.trim(this.value).length; 
    }).addClass('FormError'); 

    var FormToSubmit = $("#payment-form").serialize();  
    ProcessPayment(FormToSubmit); 
}; 

我已经尝试过各种if语句来检查错误类但没有任何快乐。 如果我仍然有空的必填字段，我不想调用函数ProcessPayment。

Answer 1

改成这样......

function CheckPaymentForm(){  
    $('.required').removeClass('error').filter(function() { 
     return !$.trim(this.value).length; 
    }).addClass('FormError'); 

    // this will return before submitting, if there are any invalid inputs  
    if ($(".FormError").length) return; 

    var FormToSubmit = $("#payment-form").serialize();  
    ProcessPayment(FormToSubmit); 
}; 

它只是检查要添加到无效输入类FormError。如果有任何的话，那么它不会消失。

此外，我认为你在代码中有错误。 removeClass()可能应该删除FormError而不是error。