Jquery验证多个同属性INPUT框,该如何处理
日期：2014-05-16 浏览次数：20384 次
Jquery验证多个同属性INPUT框
代码如下：
JQUERY的Blur事件不知道怎么验证：
1.每格限填6个汉字或12个英文
2.至少填一格
请帮忙看看~~ 谢谢
------解决方案--------------------
代码如下：
- HTML code
<form>
<tr>
<td class="front">关键词：</td>
<td>
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
</td>
</tr>
<tr>
<td></td>
<td>
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
</td>
</tr>
</form>
JQUERY的Blur事件不知道怎么验证：
1.每格限填6个汉字或12个英文
2.至少填一格
请帮忙看看~~ 谢谢
------解决方案--------------------
- HTML code
<html>
<head>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function checkForm() {
var count = 0;
$(".keys").each(
function () {
var v = $(this).val();
if (v.length > 0) count++;
if (getStrLength(v) > 12) {
alert("超过12");
this.focus();
this.select();
return false;
}
}
);
if (count == 0) {
alert("请至少填写一个。");
}
}
function getStrLength(str) {
var a = 0;
var i = 0;
for (i = 0; i < str.length; i++) {
if (str.charCodeAt(i) > 255) {
//按照预期计数增加2
a += 2;
}
else {
a++;
}
}
return a;
}
</script>
</head>
<body>
<table>
<tr>
<td class="front">关键词：</td>
<td>
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
</td>
</tr>
<tr>
<td></td>
<td>
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
<input type="text" name="keys[]" class="keys" />
</td>
</tr>
</table>
<input type="submit" value="提交" onclick="return checkForm()" />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
