Javascript jquery限制大于所需的数字

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

感谢您的帮助

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

对于数字验证：

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

HTML

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

---

这样，您可以检查输入是否都是数字。如果

input[name=Actualcard]

起作用的话，我并不是100%疯了。否则，在该输入字段上使用一个额外的类来访问它（

$（“#您的_from.my _digit _字段”）

）。

您是指20个数字还是20个数字？（如果后者不需要jQuery（或JS），只需设置

maxlength=“20”

）为什么要使用jQuery来解决这个问题？只设置输入的maxlength属性会有什么问题？此外，我还编辑了您的代码块，以使其可读并修复语法错误-请在提交问题之前在预览屏幕中检查您的代码！只需使用maxlength属性，它在任何地方都受支持，并且不需要任何脚本。或者使用jQuery的

change（）

，然后修剪该值并检查其长度，然后使用substr继续删除长度超过20的任何内容。不要将此用作安全保护，客户端用户在提交时仍然可以修改结果+这是我的荣幸answer@Allendar当有一个属性可以解决问题并且具有通用浏览器支持时，为什么要使用如此复杂的解决方案？我只是指出他如何控制内容，即使他的问题只涉及最大长度。他缺乏使用DOM内部的经验，这主要是他指出对输入字段的控制的原因。提供比需要的更多的信息，这样他就可以从中过滤出任何他想要的信息：）此外，如果他需要检查“数字”，他可能仍然需要jQuery（或者至少是JavaScript）来检查maxlength为20的所有内容是否都是数字。

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

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