へなちょこフリーエンジニアの備忘録

上記の広告は2週間以上更新のないブログに表示されています。 新しい記事を書くことで広告が消せます。  

Webアプリケーションの開発でブラウザはInternet Exploreを使用してるとします。
あるテキストボックスに数字しか入力できないようにしてほしいということで、
ネットですぐに調べればサンプルソースがたくさん見つかります。

function NumOnlyOK()
{
　var str = String.fromCharCode(event.keyCode);
　if("1234567890\b".indexOf(str, 0) < 0)
　{
　　return false;
　}
　return true;
}

＜input type="text" name="textbox" size="20" onkeyDown="return NumOnly()" style="ime-mode:disabled" /＞

こういうのが多いのですが、これって
テンキーからの数字入力が出来なくないですか？

こういうソースを見たことがあります。
function txt_keydown()
{
　if ( event.keyCode==8 ||　←バックスペース
　　 event.keyCode==9 ||　←タブキー
　　 event.keyCode==46 ||　←deleteキー
　　 (37<=event.keyCode && event.keyCode<=40) ||　←矢印キー
　　 event.keyCode==189 ||　←マイナス「-」
　　 event.keyCode==109 ||　←テンキーのマイナス「-」

　　 //数字
　　 (48<=event.keyCode && event.keyCode<=57) ||　←テンキーじゃない方の数字
　　 (96<=event.keyCode && event.keyCode<=105)　←テンキーの数字
　　)
　{
　　return true;
　}
　return false;
}

これなら、テンキーからも数字が入力できています。
あくまでIEですけど。


この記事がお役に立ったようでしたらぜひクリックお願いしますm(_ _)m