ajaxポストを使用するときに動的テーブルを検証する方法

Question

私のアプリケーションの動的テーブルにjQueryの検証を追加しようとしています。ここに私のコードです。

<table border="1px" id="table"> 
     <tr> 
      <th>First Name</th> 
      <th>Last Name</th> 
     </tr> 
     <tr> 
      <td><input type=text name="fname_new[0]" class="table_input" /></td> 
      <td><input type=text name="lname_new[0]" class="table_input" /></td> 

     </tr> 
    </table> 
    <input type="button" name="submit" value="Submit" id="submit" /> 

追加ボタンをクリックすると、私はここで私はAjaxのポストを使用してフォームを送信していますjqueryので

$("#AddLine").click(function() { 
    var row = "<tr><td><input name=fname_new[" + num_rows + "] type=text class='table_input' /></td><td><input name=lname_new[" + num_rows + "]type=text class='table_input' /></td></tr>"; 
     $("#table").append(row); 
      num_rows++; 
    }); 

を行を追加しています。フォームは、誰かがどのように投稿する前に検証する方法を教えてくださいすることができ、フォームが、私はjQueryのを使用して動的テーブルを検証するこの

$.ajax({ 
      url: '@Url.Action("", "MyCOntroller")', 
      type: 'POST', 
      data: formdata, 
      datatype: 'json', 
      success: function (response) { 
       $('#UserMessage').html(response.UserMsg); 

      }, 
      error: function (error) { 
      } 
     }); 

のように掲載されたボタンをクリックすると、この

<input type="button" id="savebutton" value="save'/> 

のように提出されますajaxを通して。

Answer 1

さまざまなものによって異なります。あなたは何を検証したいのですか？どのフレームワークを使用していますか？

たとえば、値を入力する必要があることを検証する場合は、入力に属性を追加する必要があります（data-val-required="The xxxxx field is required"）。次に、ajax関数を呼び出す前に、データが有効であることをif ($('#yourFormId').valid())で確認してください。また、私は現在の構文を覚えていないデータ検証メッセージを表示する必要があります。

フィールドが必須ではなく、検証できるさまざまなものがあります。 jQueryのバリデーションを参照する必要があります。そこには、すでに見つけやすい情報がたくさんあります。

ASP.Net MVCを使用している場合は、目立たない検証が必要です。 [注釈]などのデータ注釈をモデルに追加すると、Html.EditorForなどを使用するときに必要な属性が自動的に挿入されます。これもまた、情報を見つけるのが簡単です。