計數輸入錯誤並禁用提交按鈕jquery

Question

那麼，我開發了一個簡單的字段驗證腳本註冊，並希望如果有一些錯誤，一些空白，被禁用按鈕發送表單。

我有幾個字段，如果其中一個或全部爲空，發送按鈕被禁用。

我的腳本的一部分：

$('#tipo_pessoa').focusout(function() { 
    if ($(this).val() == '') { 
     $(this).toggleClass('inputs_error-select') 
     $("label[for='tipo_pessoa']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;Campo obrigatório'); 

     ErrorSound(); 
    } else { 
     $(this).toggleClass('inputs, inputs_error-select') 
     $("label[for='tipo_pessoa']").text(''); 

    } 
}); 


$('#razao_social').focusout(function() { 
    if ($(this).val() == '' || $(this).val() == $(this).attr("placeholder")) { 
     $(this).removeClass('inputs').addClass('inputs_error'); 
     $("label[for='razao_social']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;O Campo Razão Social deve ser preenchido'); 
     ErrorSound(); 
    } else { 
     $(this).removeClass('inputs_error').addClass('inputs'); 
     $("label[for='razao_social']").text(''); 

    } 
}); 

我需要一個腳本來計數/檢查是否有錯誤，如果有一個或多個錯誤，提交按鈕被禁用

Answer 1

您可以防止表單提交當存在空字段時：

$('form').submit(function(e){ 
    return $('#input1, #input2').filter(function() { 
     return $.trim(this.value).length === 0; 
    }).length === 0; 
});