1

さまざまなテーブルを含むフォームがあります。次のボタンをクリックすると、これらのテーブルが表示または非表示になります。したがって、これは事実上、フォームが同じでテーブルのみが表示/非表示になっている間、あるページから別のページへのユーザーへのナビゲーションを提供します。ここで必要なのは、次のボタン (ハイパーリンク タイプ) をクリックしてこれらのテーブルを検証し、毎回検証の概要を表示することです。フォーム全体に検証を使用できることはわかっていますが、テーブル要素を検証してから要約を表示するだけで済みます。

目立たないクライアント側の検証を使用していることに注意してください。要素はそのモデルのものを使用して作成されています。また、現在その検証を行っていますが、最後に送信ボタンがあります。私のテーブルの非常に簡単なサンプル

<table id= "table1">
    <tr>
        <td1>First coulmn</td1>
        <td2>value2</td2>
        <td3>
            <a id="Next" onclick= "javascript:function1()">Save</a>
        </td3>
    </tr>
</table>
4

1 に答える 1

0 
<table id= "table1">
    <tr>
        <td1>First coulmn</td1>
        <td2>value2</td2>
        <td3>
            <a id="Next" onclick= "javascript:validAndNext('1')">Save</a>
        </td3>
    </tr>
</table>
    .
    .
    .
<table id="tableN"> 

function validAndNext(table_id){
   var table = $('#table'+table_id);
   var inputs = table.find("input");
   var valid = true;
   inputs.each(function(){
       // A type of validation is:
       if($(this).val().length<=0) valid = false;                
   });
   if(valid){
      table.hide();
      $('#table'+(table_id+1)).show();
   }else alert('Your table is not valid!');
}
于 2012-11-21T23:15:35.947 に答える