「覚え間違い」を教えてください!

テキストフィールドに入力可能な文字を
javascriptにより、
半角数字・左右のカーソルキー・バックスペースキー・デリートキー
のみに限定しようと試みています。

半角数字は、メインキー最上段にある数字キーだけではなく、テンキーからも入力されることを前提としています。

【javascriptのソース】…ブラウザIEのみに対応の場合
function suujinomi(evt) {
evt = window.event;
txt = String.fromCharCode(evt.keyCode);   ...(1)
if("0123456789abcdefghi\b\r\t.'`%\60".indexOf(txt,0) < 0) {
 return false; ...(2)
}
else {
 return true;
}
}

【テキストフィールドhtmlのソース】
<input type=text value="" onkeydown="return suujinomi(event)">

 以下のようにな問題(1)、(2)を解決できず困っています。
(1) メインキーボードの最上段にある数字キーのシフトケースである  半角文字!"#$%&'()もテキストフィールドに入力でき、
(2) ブラウザIE以外のブラウザでは、次のようにステートメント(1)、(2)を書き換えてみたのですが、入力可能な文字が全く制限されません。
 javascriptのステートメント(1)
  → txt = String.fromCharCode(evt.which);
 javascriptのステートメント(2)
  → evt.cancelBubble = true;
    evt.returnValue = false;
    return false;

 どのようにすれば、問題(1)、(2)を解決できるかどうか教えて下さい。
 よろしくお願い致します。

A 回答 (4件)

・ yambejp 様の方針で、



・ Firefoxのほか、IEに対応しています。

・ [Home]キー、[End]キー他も対処しました。

------------------------------------------------------------
<html>
<head>
<script type="text/javascript">
<!--
function suujinomi(obj) {
if (window.event) {
var c = window.event.keyCode;
if ( 48<=c&&c<=57 || 96<=c&&c<=105 || c==37 || c==39 || c==8 || c==45 || c==46 || c==36 || c==35 ) return;
}
var v=obj.value;
v=v.replace(/[^0-9]/g,'');
//v=v.replace(/[^0-9!"#$%&'\(\)]/g,'');
obj.value=v;
}
//-->
</script>
</head>
<body>
<hr />
<input type=text value="" onkeyup="suujinomi(this)">
</body>
</html>
------------------------------------------------------------
    • good
    • 0
この回答へのお礼

さらに具体的な処理を教えて頂きました。

おかげさまで、IE,Opera,firefox,safariの何れのブラウザでも
安定に作動するようになりました。

ありがとうございます。

今後とも、どうかよろしくお願い致します。

お礼日時:2008/04/20 01:27

<HTML>


<script type="text/javascript">
function keychk(k){
if(47<k&&k<58 || 45==k || 46==k || 8==k || 95<k&&k<106 ||37==k ||39==k) return;
return false;
}
</script>
<input type="text" size="30" id="a" onKeydown="return keychk(event.keyCode)">
</HTML>
    • good
    • 0
この回答へのお礼

ありがとうございます。
考え方を再考する上で、大変参考となりました。

お礼日時:2008/04/20 01:23

単に入力されたデータをチェックするのではだめ?



<script>
function suujinomi(obj) {
var v=obj.value;
v=v.replace(/[^0-9a-zA-Z!\"#$%&\'\(\)]/,'');
obj.value=v;
}
</script>
<input type=text value="" onkeyup="suujinomi(this)">
    • good
    • 0
この回答へのお礼

ありがとうございます。
ブラウザの個性の違いに直接対処しようと
考えすぎていました。
今回は、教えて頂いた通り、入力されたデータをチェックする
ことで対処するほうが適切でした。

お礼日時:2008/04/20 01:19

http://www.google.co.jp/search?q=javascript%20ke …
http://www.tohoho-web.com/js/string.htm

String.fromCharCode
に必要なのは「文字コード」であって「キーコード」じゃないという罠じゃない?

http://www.google.co.jp/search?q=javascript%20%E …
http://www.google.co.jp/search?q=javascript%20%E …
基本的には自前変換じゃないとだめなんじゃない?
    • good
    • 0
この回答へのお礼

ありがとうございます。
ご指摘の通りでした。
ご紹介頂いたサイトも大変参考となりました。

お礼日時:2008/04/20 01:16

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報