Javascript 验证特定的表单元素集

Javascript 验证特定的表单元素集,javascript,jquery,Javascript,Jquery,我有一个表单,在提交时,我只需要循环浏览一组特定的文本框,并以“标签名称-文本字段值”的方式显示警报,其中文本框值为空/空。要对特定的文本框进行分组,我想我应该以特定的方式定义它们的ID(例如group1、group2等),请提出建议。使用文本框id查找标签名称是一个好主意,还是可以用更简单的方法完成。谢谢 <form> <table> <tr id=""><td width='5%'><label> Row 1 :</label

我有一个表单,在提交时,我只需要循环浏览一组特定的文本框,并以“标签名称-文本字段值”的方式显示警报,其中文本框值为空/空。要对特定的文本框进行分组,我想我应该以特定的方式定义它们的ID(例如group1、group2等),请提出建议。使用文本框id查找标签名称是一个好主意,还是可以用更简单的方法完成。谢谢

<form>
<table>
<tr id=""><td width='5%'><label> Row 1 :</label></td>other text boxes</tr>
<tr id=""><td width='5%'><label> Row 2 :</label></td><td width='10%'><input type='text' id=textbox1 name=text1></td></tr>
<tr id=""><td width='5%'><label> Row 3 :</label></td><td width='10%'><input type='text' id=textbox1 name=text1></td></tr>
<tr id=""><td width='5%'><label> Row 4 :</label></td><td width='10%'><input type='text' id=textbox1 name=text1></td></tr>
</table>
</form>

第1行:其他文本框
第2行:
第3行:
第4行:

HTML


为什么有
?顺便说一句,ID必须是唯一的。我在这里看不到任何输入分组。你是否试图根据名称属性对其进行分组检查我在上面发布的演示谢谢。我只是在JSFIDLE中进行了尝试,它不起作用。你能检查一下吗。它对我很好。。。。。在其中两行中输入一些内容,单击Submit,它会报告以标签为前缀的两行是空的。
<form>
    <table>
        <tr id="">
            <td width='5%'>
                <label>Row 1 :</label>
            </td>
            <td width='10%'>
                <input type='text' class="required" name="text1" />
            </td>
        </tr>
        <tr id="">
            <td width='5%'>
                <label>Row 2 :</label>
            </td>
            <td width='10%'>
                <input type='text' class="required" name="text2" />
            </td>
        </tr>
        <tr id="">
            <td width='5%'>
                <label>Row 3 :</label>
            </td>
            <td width='10%'>
                <input type='text' class="required" name="text3" />
            </td>
        </tr>
        <tr id="">
            <td width='5%'>
                <label>Row 4 :</label>
            </td>
            <td width='10%'>
                <input type='text' class="required" name="text4" />
            </td>
        </tr>
    </table>
    <tr>
        <td colspan="2">
            <input type="button" id="btnSubmit" value="Submit" />
        </td>
    </tr>
</form>
$(function () {
    $('#btnSubmit').click(function () {
        var requireds = $(':text.required');
        requireds.each(function (i) {
            if ($(this).val() === "") {
                var label = $(this).closest('tr').find('label').text();
                alert(label + 'is empty!');
            }
        });
    });
});