2016-08-15 7 views
0

静止画)(私は検証のjQueryを使用して動的なフォームフィールドを検証することができますどのように私には明らかではないjQueryを使用して動的フォームフィールドを検証する方法は?

は、私は次のような形式があるとします。

<form id="myform" action="" ...> 
    <input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 
.... 

    <button type="button" class="clone btn btn-primary" value="Add"> 
.... 
    <button type="submit" name="submit" value="submit"> 
... 
</form> 

あなたは、私は、ダイナミックフィールドを持って見ることができるように(cauthor []);ユーザーはAddボタンを押して新しい入力フィールドを作成することができます。 Addボタンを押すとフォームは次のようになります。

<input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 
    <input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 
    <input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 

今質問はどうですか?すべてのフィールドを検証する方法は?

$("#casos_clinicos_form").validate({ 
    rules: { 
     'cauthor[]': { 
      required: true 
     } 
    }, 
    messages: { 
     'cauthor[]': "Author name not informed! Please correct and try again." 
    } 

}); 

最初のものだけを検証します。

上記の処理方法が分かっている場合は、返信してください。

+0

その後、検証は絶対に間違っ –

+0

@RashidJavedを、動作するこれらのコントロールにクラスを割り当てることができます。このプラグインでは、すべての入力ノードに一意の 'name'が含まれている必要があります。あなたのアプローチを使用すると、最初のインスタンスのみが検証されます。 http://jsfiddle.net/mcqb2vk2/ – Sparky

答えて

-2

クラスを入力して検証することができます。

Query.validator.addClassRules('myClassName', { 
     required: true /*, 
     other rules */ 
    }); 
+0

あなたの 'Query'構文エラーを修正した後でも、あなたの答えは壊れています:http://jsfiddle.net/mcqb2vk2/ – Sparky

+0

うわー!これを処理する方法を誰も知らないと信じるのは難しいです!それを別のサイトに投稿します。 – user1818765

関連する問題