Question

我想使用jquery validationEngine分别验证每行输入的值，如下所示，但它没有正常工作，我没有通过这种方式找到任何样本。

有办法做到这一点吗？

<!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>

Answer 1

你有两次使用的id tr1可能搞砸了

Answer 2

我认为您的表格应该包含在<form>标记中，您应该在validationEngine中使用它的id而不是<tr>的id。

如何通过jQuery Validation Engine验证html表每行中的元素？

2 个答案: