javascript - HTML - 同一输入上的文本和数字的大小限制

Question

我有这个代码用于对输入区域进行限制。

<input type="text" name="myinput" maxlength="10">

此代码仅适用于文本。我想为 int 添加 max 4，为 text 添加 max 6

成功示例:

输入:abdc123d
输入:1234abcde

不可能:

输入:123456789
输入:dasdsadsa

Answer 1

这是添加 .bad 类的示例。

然后您可以检查保存时是否存在 .bad 类等。

$('input').on('input', function () {
  var $t = $(this),
      val = $t.val(),
      wantlen = 6;
  if (parseInt(val).toString() === val) {
    wantlen = 4;    
  }
  
  $t.toggleClass('bad', val.length > wantlen);  
});

input {
  background-color: lightgreen;
}

.bad {
  background-color: pink;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text"> <br/>

<input type="text">