javascript - jQuery Validation - 在点击超链接按钮时验证表格字段并显示错误消息摘要

Question

我有一个包含各种表格的表格。单击下一个按钮时，这些表会显示或隐藏。因此，这实际上为用户提供了从一个页面到另一个页面的导航，而表单相同并且仅显示/隐藏表格。现在我需要的是在单击下一步按钮（超链接类型）时验证这些表，并每次显示验证摘要。我知道 validate 可以用于整个表单，但我只需要验证表格元素，然后显示摘要。

请记住，我使用的是非侵入式客户端验证，元素是使用该模型创建的。此外，它目前执行该验证，但在最后提交按钮。我的桌子的非常简短的样本

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

Answer 1

<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!');
}