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

Question

我有这段代码可以限制输入区域。

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

此代码仅适用于文本。 我想为int和max 6添加最多4个文本

成功示例：

输入：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">