2014-09-02 114 views
0

我想单独使用jquery validationEngine在每行中验证输入的值,如下所示,但它不能正常工作,并且我没有通过这种方式找到任何示例。如何通过jQuery ValidationEngine在html表格的每一行中设置元素?

有没有办法做到这一点?

<!DOCTYPE html> 
<html> 
<head> 
    <!-- script and styles resource here --> 
    $(document).ready(function() { 
     $('#tr1').validationEngine(); 
     $('#tr2').validationEngine(); 
    }); 

    function validateRow(rowIndex) { 
     var result = jQuery('#tr' + rowIndex).validationEngine('validate'); 
     $('#result').text(result); 
    } 
    </script> 

</head> 
<body> 
    <table border="1"> 
     <thead> 
      <tr id="tr1"> 
       <th> 
        Row 
       </th> 
       <th> 
        Header 1 
       </th> 
       <th> 
        Header 2 
       </th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr id="tr1" class="a validationEngineContainer"> 
       <td> 
        1 
       </td> 
       <td> 
        <input id="i1_1" type="text" class="validate[required]" /> 
       </td> 
       <td> 
        <input id="i1_2" type="text" class="validate[required]" /> 
       </td> 
      </tr> 
      <tr id="tr2" class="b validationEngineContainer"> 
       <td> 
        2 
       </td> 
       <td> 
        <input id="i2_1" type="text" class="validate[required]" /> 
       </td> 
       <td> 
        <input id="i2_2" type="text" class="validate[required]" /> 
       </td> 
      </tr> 
     </tbody> 
    </table> 

    <input type="button" onclick="validateRow(1);" value="validate firs row"/> 
    <input type="button" onclick="validateRow(2)" value="validate second row"/> 
    <br> 
    <label id="result"></label> 

</body> 
</html> 

回答

0

两次我觉得你的表应该被包裹在一个<form>标签,你应该使用它的ID,而不是<tr>的ID在validationEngine。

相关问题