ホームページ >ウェブフロントエンド >htmlチュートリアル >入力ボックスは数字のみに制限されており、数字の長さを指定します (携帯電話番号を使用して入力します)_html/css_WEB-ITnose

入力ボックスは数字のみに制限されており、数字の長さを指定します (携帯電話番号を使用して入力します)_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:17:272949ブラウズ

現在、ログインに携帯電話番号を使用するアカウント名が増えています。フロントエンドとバックエンド間のやり取りを減らすために、ユーザーは入力時に形式を判断する必要があります

現在の従来の方法は、入力後に判断することです。入力が完了しました。

次の方法では、入力時に数字のみを入力でき、他の形式の文字は入力できないと規定されています:

<input onkeydown="onlyNum();" style="ime-mode:Disabled" maxlength="11">//ime-mode:Disabled:作用是完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME;//ime-mode的其他属性值及作用如下:    //auto  : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同    //active  : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME    //inactive  : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME//maxlength:该属性规定该input框中,输入内容的长度;<script language=javascript>function onlyNum(){    if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))    event.returnValue=false;  //执行至该语句时,阻止输入;可类比阻止冒泡原理或者禁止右键功能;}</script>

この方法にはまだいくつかの問題があり、第三者による文字入力を防ぐことはできません。他にもっと完全な解決策がある場合は、メッセージを残してください。私はそれから学びます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。