当前位置: 代码迷 >> JavaScript >> Jquery验证多个同属性INPUT框,该如何处理
  详细解决方案

Jquery验证多个同属性INPUT框,该如何处理

热度:360   发布时间:2012-04-18 15:01:59.0
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> 
  相关解决方案