- 締切済み
データ入力画面での条件
データの入力画面で名前を入力する際に、全角のみや、半角のみを受け付ける命令というのはあるのでしょうか?それと、何文字以上、何文字以下のみを受け付けるという命令もあるのでしょうか?ご存知のかたがいましたら、どなたか教えてください。
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- komorebi99
- ベストアンサー率33% (15/45)
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>
- komorebi99
- ベストアンサー率33% (15/45)
#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のみ
- arenani_sorenani
- ベストアンサー率73% (58/79)
数字のみ場合の参考ソースです。 詳しくは参考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>
お礼
こんにちは。わざわざソースまで載せて頂き、ありがとうございます!これでいけそうです!どうもありがとうございました〆
- komorebi99
- ベストアンサー率33% (15/45)
参考になりそうなWebページがありましたのでご参照ください。 http://www.futomi.com/lecture/javacss/ime.html
お礼
おはようございます。自分の求めていたのにぴったりの内容でした!他にもう一つうかがっていいでしょうか?入力画面で数字のみを受け付ける方法はご存知ではないでしょうか?よろしくお願いします。
お礼
こんにちは。このようにすればいいんですね!まだまだ勉強不足でした!参考にさせていただきます。どうもありがとうございました〆