Ошибка ввода и отмена кнопки отправки 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; 
});