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>