提交之前的jQuery表單驗證

Question

我目前有以下js，如果required字段未完成，則會添加error類。

如果任何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 。

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 。