1

さて、私は簡単なフィールド検証スクリプト登録を開発し、エラーがあった場合、いくつかの空白、フォームを送信するためのボタンが無効になっている場合に作成したいと思いました。

いくつかのフィールドがありますが、1つまたはすべてが空の場合、送信ボタンは無効になっています。

私のスクリプトの一部：

$('#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('');

    }
});

エラーをカウント/チェックするためのスクリプトが必要です。1つ以上のエラーがある場合は、送信ボタンが無効になっています。

4

1 に答える 1

1

空のフィールドがある場合、フォームの送信を防ぐことができます:

$('form').submit(function(e){
   return $('#input1, #input2').filter(function() {
      return $.trim(this.value).length === 0;
   }).length === 0;
});
于 2012-05-19T16:51:07.130 に答える