javascript - jquery限制大于要求的数字

Question

需要限制在 jquery 的文本框中输入超过 20 个数字。如何实施。

任何帮助表示赞赏。

<table>
    <tr>
        <td>
            <h:inputText id="Actualcard" styleClass="input-text-bx"></h:inputText>
        </td>
    </tr>
</table>

Answer 1

$("#Actualcard").attr('maxlength','20');

对于号码验证：

$("#Actualcard").validate({
  rules: {
    field: {
      required: true,
      number: true
    }
  }
});

Answer 2

HTML

<input type="text" name="Actualcard" maxlength="20" value="" />

JS

'use strict';
$(document).ready(function(){
    $("#your_from input[name=Actualcard]").change(function(){
        var input = trim($(this).attr('value'));

        // Check if it's not all digits
        if (!(typeof(input) == 'number' && parseInt(input) == input)) {
            // Do something with the value here
            $(this).attr('value', '0');
        }
    });
});

这样你就可以检查输入是否全是数字。如果工作，我不会 100% 失去input[name=Actualcard]理智。否则，在该输入字段上使用额外的类来访问它（$("#your_from .my_digit_field")）。