- 締切済み
入力文字制限の方法
質問なんですが・・・ 氏名<input type="text" name="name" value="" id="name"> というテキストボックスがあるんですが、これに全角ひらがな(文字)以外で入力して送信された場合に全角で入力するよう、alertを返す処理をしたいのですが、文字指定の処理の記述などを教えていただけないでしょうか？正規表現などがあったのですがよくわからなかったので、お願いします＞＜
- saimon2
- お礼率70% (7/10)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- auty
- ベストアンサー率58% (284/486)
関連するQ&A
- 入力制限アラートと送信制限
以下のフォームが合った場合に (1),や@や*、バカ等の文字など文字入力があった場合にアラートで表示する方法がわかりません。参考になるようなサイトやアドバイスをお願いします。 また、 同時にsubmitボタンが2度押しできないようにするにはどうしたらよいでしょうか？ <form action="./***" method="POST" name="check"> <input type=text name=data1 value="０" size=30> <input type=text name=data2 value="０" size=30> <input type=text name=data3 value="０" size=30> <input type=submit value="送信する"> </form>
- 締切済み
- JavaScript
- テキストBOXの入力制限について
テキストBOXを下記のように設定したとします。 <input type="text"name="***" maxlength="30"> この場合は、全角・半角関係なく文字数を30文字入力することができますよね？ 今回、私がやりたいことは、バイト数の制限をやりたいんです。 例えばバイト数を30バイトにした場合は、 全角では15文字しか入力できなくて 半角では30文字入力制限をする方法を探しています。 何かよい方法はないものでしょうか？？？
- ベストアンサー
- Microsoft ASP
- 選択肢によって入力必須が変わるフォームの入力チェックJavaScrip
選択肢によって入力必須が変わるフォームの入力チェックJavaScript フォームの入力チェックのJavaScriptを作成しています。 特定のラジオボタンにチェックを入れた場合のみ、 入力必須になるテキストボックスの 入力チェックJavaScriptを教えてください。 ラジオボタンが複数あるフォームで、 <input type="radio" name="type" value="type1" /> <label>タイプ1</label> <input type="radio" name="type" value="type2" /> <label>タイプ2</label> タイプ2を選んだ場合のみ、必須項目にしたいテキストボックスがあります。 <input type="text" name="name1" /> テキストボックスが空白だった場合にアラートを出すJavaScriptは 現在このようになっています。 （参考にしていたサイトがあるのですが、忘れてしまいました・・・。） $(function(){ $("form1").submit(function(){ if($("input[name='name1']").val()==""){ $("input[name='name1']").css("border","1px solid #A70F00"); alert('必須項目に未入力があります'); return false; }) }) このJavaScriptをさらに、if文で括って、 name="type" の value が type2 であれば・・・、という処理を追加すればよいのだと 思いますが、書き方が分からず困っています。 どうかよろしくお願いします。
- ベストアンサー
- JavaScript
- TETXの入力制限について色々と…
<input type=text~~~~~~>で作ったテキストに160byte(全角80文字)までしか入力できない制限をつけたい。 <input type=text~~~~~~>で作ったテキストに半角数字(又は英数)しか入れられないようにするタグとかないでしょうかね?? こっちは半角電話番号を入力してもらいたいのです。 どなたかご存知の方おりましたからお願いします。
- ベストアンサー
- HTML
- javascriptを勉強し始めました
それで簡単なアンケートを作りたいと思い、入力フォームを作って間違えている箇所があれば確認ボタンを押したときに入力に誤りがある項目をアラートで出し、そのアラートに誤っている項目をそのアラート一つにまとめて出したいのですが、出ません。わかないので質問させていただきました。よろしくお願いします。ソースになります。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>課題</title> <script language ="javascript"> <!-- function datachk(){ if(document.form1.last.value == "") { alert("・氏名(姓)が入力されていません。"); }else{ if(document.form1.last.value.match( /[^一-龠ァ-ヶぁ-ゞA-Z]+/ ) ){ alert("・氏名(姓)は、全角文字のみで入力して下さい。"); }else{ if(document.form1.first.value == "") { alert("・名前(名)が入力されていません。"); }else{ if(document.form1.first.value.match( /[^一-龠ァ-ヶぁ-ゞA-Z]+/ ) ){ alert("・名前(名)は、全角文字のみで入力して下さい。"); } } } } } //--> </script> </head> <body> <div align="center"> 情報入力 </div><br> <br> 以下に、情報を入力してください。<br> <br> <form name = "form1"> ＊氏名（姓）： <input type = "text" name = "last" value = ""><br> （全角10字入力可）<br> ＊氏名（名）： <input type = "text" name = "first" value = ""><br> （全角10字入力可）<br> ＊性別： <input type = "radio" name = "men" value = "男">男 <input type = "radio" name = "women" value = "女">女<br> <input type="button" value="回答" onClick="javascript:datachk();"><br> </form> </body> </html>
- ベストアンサー
- インターネットビジネス
- テキストの背景色を変える。
onClickで、テキストの背景色を変えたいのですが。 その処理を外部ファイルに記述したいのです。 HTMLファイルでは下記のように記述し、 <・・・・・ <td><input type="button" value="テキストを赤に" onClick="Col001(tC1)"><input type="text" name="tC1" size="20" value=""></td> ・・・・・> JavaScript外部ファイルでは、 function Col001(objText){ alert(objText.value); objText.document.bgColor='red'; } と記述しています。 すると、ページ全体の色が変わってしまいます。 alert(objText.value);では、 テキストボックスｔC1に入力されている値が 正常に表示されるのですが・・・。 テキストボックスの背景色だけを変える場合には どのようにしたらいいのでしょうか？ どなたか教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 文字列に空白を含んだ場合の処理
現在、文字列の入力チェックの関数を作成しています。 function checkMemberId() { if(document.form1.memberId.value==undefined){ alert("番号を入力してください。"); return false; }else if(??????????){ alert("空白が含まれています。"); return false; }else { alert("半角数字を入力してください。"); return false; } } 上記の else if の条件に、document.form1.memberIdに空白を含んだ文字列が入力されたらアラートメッセージを出すという処理を記述したいのですが、どういう処理を記述すればよいのでしょうか。 空白は全角・半角とも対象で、すべて空白が入力された時も同様の処理にしたいです。 以下、該当のHTML部です。 <form name="form1"> <input type="text" name="memberId"> </form> 以上、よろしくお願い致します。
- ベストアンサー
- JavaScript
- 入力に関して。
以下のソースのようにテキストボックスを４つくらい並べて、最大入力文字数になったら、自動的に右のテキストボックスに入力できるようにすることはできるのでしょうか？ <html> <head> <title></title> </head> <body> <form name="form1"> <input type="text" name="txt1" size="7" maxlength="3">． <input type="text" name="txt2" size="7" maxlength="3">． <input type="text" name="txt3" size="7" maxlength="3">． <input type="text" name="txt4" size="7" maxlength="3"> </form> </body> </html>
- 締切済み
- JavaScript
- JavaScriptで入力チェック
////サンプル//// <p><input type="text" value="" name="box_1" /></p> <p><input type="text" value="" name="box_2" /></p> <p><input type="text" value="" name="box_3" /></p> <p><input type="text" value="" name="box_4" /></p> Javascripｔで入力チェックをして 入力がされていたらpタグとinputタグの間に「○」を表示させたいのですが どのように実装したら良いでしょうか？ ・inputタグは4つだけではなくたくさんあります ・DBを使っているのでページを更新しても○が消えないようにしたいです よろしくお願いします！
- ベストアンサー
- JavaScript
- スマホでテキストボックスに文字を入れようとすると、
モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか？ テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。
- ベストアンサー
- HTML
- NECノートパソコンのWindows10で、ダウンロード速度が遅い問題が発生しています。GoogleクロームやEdgeでも同様の現象が見られますが、古いWindows7では問題ありません。
- Windows10のアップデート前からダウンロードが遅いようで、同じサイトやファイルでも表示やダウンロード時間が大幅に異なります。
- 解決策としては、以下の対策を試してみることがおすすめです。まずはネットワーク接続の設定やWi-Fiの速度を確認し、必要に応じて再起動を行ってみてください。また、他のデバイスや他のネットワーク環境で同じ問題が起きるかどうかも確認してみると良いでしょう。さらに、Windowsの更新やドライバの最新版のインストールも検討してみてください。
お礼
回答ありがとうございます。きちんと動きました。 ありがとうございました＾＾