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")）。