16

電話番号の入力欄を作りたいです。JavaScript を使用して動的に入力フィールドを作成しています。

<input type="text" id="phone" name="phone">

電話番号を取得するために、ユーザーが 10 桁の数字のみを入力するように制限する方法。

4

19 に答える 19

5

さて、私は自分の実用的な答えをうまく作成しました。

<input type="text" id="phone" name="phone" onkeypress="phoneno()" maxlength="10">

としても

    <script>        
           function phoneno(){          
            $('#phone').keypress(function(e) {
                var a = [];
                var k = e.which;

                for (i = 48; i < 58; i++)
                    a.push(i);

                if (!(a.indexOf(k)>=0))
                    e.preventDefault();
            });
        }
       </script>
于 2013-10-18T09:23:19.103 に答える
2

maxlength入力に属性を追加します。

<input type="text" id="phone" name="phone" maxlength="10">

JSFiddle でこの作業例を参照してください。

于 2013-10-18T08:53:48.637 に答える
1

入力に ​​maxlength 属性を使用します。

<input type="text" id="phone" name="phone" maxlength="10">

ここでフィドルのデモを参照してくださいデモ

于 2013-10-18T08:55:18.630 に答える
0

maxlength は、目的の桁数を超えることのできない桁数を制限しますが、目的の桁数未満は受け入れます。mobile No maxlength="10" の場合、11 は受け入れられませんが、10 までは受け入れられます。

于 2017-06-12T11:43:57.417 に答える
0

ドキュメントに parseley.js ファイルを含めるだけで、携帯電話番号の入力要素にこれを入力します

data-parsley-type= "number" data-parsley-length="[10,10]" data-parsley-length-message= "Enter a Mobile Number"

要件に応じてメッセージを変更できます。次のように記述して、ドキュメント内の parsley.js ファイルを初期化する必要もあります。

 <script type="text/javascript">

        $(document).ready(function() {
            $('form').parsley();
        });
    </script>

---ドキュメント内の上記のコード。***

于 2018-02-13T08:48:11.903 に答える
0

入力に​​maxLengthを使用し、いくつかのJavaScript 検証を使用することもできますが、とにかくサーバー側の検証を行う必要があります。

于 2013-10-18T08:56:00.660 に答える