Question

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

请记住，我使用非突兀的客户端验证，使用该模型的东西创建元素。此外，它目前进行验证，但最后提交按钮。非常简短的表格样本

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

jQuery验证 - 在超链接按钮的onclick上验证表字段并显示错误消息摘要

1 个答案: