我有一个表单,在提交时我只需要遍历一组特定的文本框,并以“标签名称 - 文本字段值”的方式显示警告,其中文本框值为空/空。分组特定的文本框,我想我应该以特定的方式定义他们的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>
答案 0 :(得分:1)
HTML 的
<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>
的jQuery
$(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!');
}
});
});
});