多数のフィールドを検証するJavaScript

Question

javascript/jQueryでいくつかの検証を実行しようとしています。私はどのようなロジックを使用できるかを知る必要があります。

私は検証するために約15個のフィールドを持っています。戻り値がtrueまたはfalseの各フィールドを検証できるかどうかを考えていました。返された値のいずれかがfalseかどうかを確認します。そうであれば、フォームは検証されません。これは意味がありますか？

また、1つのフィールドに対して別のネストされた条件を実行する必要がありますか。

PS：フォームに問題が少ないため、jQueryの検証プラグインを使用したくありません。

どうすればいいと思いますか？

ありがとうございました。

Answer 1

はい、これは可能な方法の1つですが、明らかに何らかの種類のデータ構造で結果を格納する必要があります。あなたは、キーがvalueであるオブジェクトを持つことができます。ここで、キーは検証するフィールドのidで、検証の結果、値はtrueまたはfalseです。それから、あなたのオブジェクトを反復し、偽の値をチェックしてください！

Answer 2

私は、あなたがオブジェクトのようにエラーをハッシュ使用することができ、その後

$('.required').each(function (i) { 

}); 

Answer 3

を必要とCSSクラスを追加します。

$('#target').submit(function (e) { 
    var errors = {}; 

    //No field should be blank 
    $('.required').each(function() { 
    if (!$.trim($(this).val())) errors[$(this).prev('label').text()] = 'is blank'; 
    }); 
    //Don't submit form on errors 
    //Show errors 
    if (!jQuery.isEmptyObject(errors)) { 
    $('.error').show().html("<p>Form couldn't be submitted because:</p>"); 
    $('.error').append(
    $.map(errors, function (type, error) { 
     return $('<p>', { 
     text: error + ' ' + type 
     }).get(); 
    })); 
    // Prevent the form from being submitted 
    return false; 
    } 
    $('.error').hide(); 
}); 

Customary jsFiddle link

Answer 4

これは恥知らずなプラグインですが、regulaを試してみましたか？私は積極的にそれを開発していると私は少なくとも（yay！）を使用している他の人の知っている。それはあなたの合併症のいくつかに対処するかもしれません。また、あなたの合併症であなたの質問を更新することができれば、私はあなたがレギュラでそれを行う方法を教えてくれるでしょう。それはあなた自身の検証を書く必要がなくなります。

regulaはまた、検証結果を制約違反の配列として返します。したがって、どの要素が（特に）検証に失敗したかを確認できます。

This answerは、興味のある方は、レウラの機能に関するさらに詳しい情報があります。