• 締切済み

データ入力画面での条件

データの入力画面で名前を入力する際に、全角のみや、半角のみを受け付ける命令というのはあるのでしょうか?それと、何文字以上、何文字以下のみを受け付けるという命令もあるのでしょうか?ご存知のかたがいましたら、どなたか教えてください。

みんなの回答

回答No.4

komorebi99です 少々改良しました、「何文字以上、何文字以下」に対応。 数字以外の場合、削除してカーソルを戻すようにしました。 <html> <head> <script> function Num_Check(frmdata) { str = frmdata.testtxt1.value; if(str.match(/[^0-9]+/)){ document.strtest.testtxt1.value=""; document.strtest.testtxt1.focus(); } if(str.length < 7){ document.strtest.testtxt1.focus(); } } </script> </head> <body> <form name="strtest"> IME使用不可:8文字以上20文字以内<br> *必須<input type="text" name="testtxt1" size="30" maxlength="20" style="ime-mode:disabled" onblur="Num_Check(this.form)"> <br> *任意<input type="text" name="testtxt2" size="30" maxlength="20"> </form> </body> </html>

回答No.3

#2さんとのコラボレーションということで… 数字以外の入力を強制的に拒否するコードを作成してみました <html> <head> <script> function Num_Check(frmdata) { str = frmdata.testtxt1.value; if(str.match(/[^0-9]+/)){ document.strtest.testtxt1.value=""; } } </script> </head> <body> <form name="strtest"> IME使用不可:20文字以内<br> *必須<input type="text" name="testtxt1" size="30" maxlength="20" style="ime-mode:disabled" onchange="Num_Check(this.form)"> <br> *任意<input type="text" name="testtxt2" size="30" maxlength="20"> </form> </body> </html> 但しInternetExplorerのみ

oku-son96
質問者

お礼

こんにちは。このようにすればいいんですね!まだまだ勉強不足でした!参考にさせていただきます。どうもありがとうございました〆

回答No.2

数字のみ場合の参考ソースです。 詳しくは参考URLを参照下さい。 <html> <head> <script> function Num_Check() { str = document.forms[0].elements[1].value; if(str.match(/[^0-9]+/)){ document.forms[0].elements[1].select(); conf_alert.innerText="*数字を入力してください"; }else{ conf_alert.innerText=""; } } function confirm(){ if(document.forms[0].elements[0].value!=""&&document.forms[0].elements[1].value!=""){ document.forms[0].submit(); }else{ alert("すべて入力してください。"); } } </script> </head> <body> <form action="" method="post" onsubmit="confirm()"> IME使用不可:20文字以内<br> *必須<input type="text" value="" size="30" maxlength="20" style="ime-mode:disabled" /> <br><br> IME使用不可:数字のみ可:20文字以内<br> *必須<input type="text" value="" size="30" maxlength="20" style="ime-mode:disabled" onblur="Num_Check()"/> <span id="conf_alert" style="color:red;"> </span> <br><br> <input type="submit" value="送信" /> </form> </body> </html>

参考URL:
http://allabout.co.jp/computer/hpcreate/closeup/CU20050620A/index6.htm
oku-son96
質問者

お礼

こんにちは。わざわざソースまで載せて頂き、ありがとうございます!これでいけそうです!どうもありがとうございました〆

回答No.1

参考になりそうなWebページがありましたのでご参照ください。 http://www.futomi.com/lecture/javacss/ime.html

oku-son96
質問者

お礼

おはようございます。自分の求めていたのにぴったりの内容でした!他にもう一つうかがっていいでしょうか?入力画面で数字のみを受け付ける方法はご存知ではないでしょうか?よろしくお願いします。

関連するQ&A