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

Question

我有这个代码用于输入区域的限制。

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

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

成功案例：

输入：abdc123d
输入：1234abcde

不可能：

输入：123456789
输入：dasdsadsa

Answer 1

以下是添加.bad类的示例。

然后您可以在保存等方面检查.bad类。

＆＃13;

＆＃13;

$('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);  
});

＆＃13;

input {
  background-color: lightgreen;
}

.bad {
  background-color: pink;
}

＆＃13;

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

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

<input type="text">

＆＃13;

＆＃13;

＆＃13;