動的に生成される必須フィールドを検証する

Question

私は、サーバーから取得したデータに基づいてjspを使用して動的に入力フィールドを生成しています。

これらのフィールドの一部は必須フィールドにすることができます。フォームをサーバーに送信する際に、これらのフィールドを検証するにはどうすればよいですか。

例えば生成されたフィールドを

field1    ---------------- 

field2 (required) ---------------- 

field3    ---------------- 

Answer 1

必須フィールドには必須属性があります。だから、javascriptのすべてのフィールドを反復し、必要な属性を見つけることによって、これらのフィールドを検証することができます。

var parmCount = parmTable.rows.length - 1; 
for(var i = 0; i < parmCount; i++) { 
    //logic to get form values 
    if(ParamVal.value == '' && attrVal!= null && attrVal == 'required') { 
    //validate here 
    } 
} 

Answer 2

ある場合、これはjQueryのを使用して、JavaScriptで、クライアント側で達成するのは非常に簡単です。

私は最近、requiredFieldという特殊なCSSクラスを使用してこれを行いました。これは、必要なフィールドのフォームフィールドに動的に移入されます（すべてのフィールドが必要な場合でも必要ありません）。

次に、セレクタ$(".requiredField")を使用してループし、すべてのフィールドで検証を実行します。フィールドのタイプに基づいてロジックを異ならせる必要があるかもしれませんし、対応するセレクタを使用して、入力フィールドとは別にチェックボックスを検証してください。

妥当性確認の例はたくさんありますので、機械的にフィールドを検証する方法ではなく、フィールドを動的に見つける方法に関する質問があると仮定しています。

もちろん、フォームフィールドを生成したのと同じように、フォームフィールドごとにJavaScript行を生成することもできますが、これは不要です。