Jquery验证多个同属性INPUT框
代码如下：
- 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>