提交前jQuery表单验证

时间:2014-05-10 22:36:16

标签: javascript jquery forms

如果error字段未完成,我目前有以下js添加required类。

如果任何require字段为空,我需要if语句才能发布表单。

目前这是我的JS。

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

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

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

1 个答案:

答案 0 :(得分:0)

将其更改为此...

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