テキストにユーザーの入力欄(整数の入力)が10項目あるとします。
下記のコードのようにHTMLからid取得を行い、取得した要素を配列に纏め、
その配列からfor文を利用し、10個の入力値に対し正規表現で整数(0以下の整数は除く)のみ入力できるよう設定したいのですが、配列やfor文の処理条件を模索しましたが初心者のため現段階では思いつきませんでした。ご教授いただけないでしょうか。
実際に次のようなパターンになります。
HTML
1コード 2<input type ="text" value ="0~9の整数" id ="nyuryoku1"> 3<input type ="text" value ="0~9の整数" id ="nyuryoku2"> 4<input type ="text" value ="0~9の整数" id ="nyuryoku3"> 5<input type ="text" value ="0~9の整数" id ="nyuryoku4"> 6<input type ="text" value ="0~9の整数" id ="nyuryoku5"> 7<input type ="text" value ="0~9の整数" id ="nyuryoku6"> 8<input type ="text" value ="0~9の整数" id ="nyuryoku7"> 9<input type ="text" value ="0~9の整数" id ="nyuryoku8"> 10<input type ="text" value ="0~9の整数" id ="nyuryoku9"> 11<input type ="text" value ="0~9の整数" id ="nyuryoku10"> 12<input type ="button" value="入力結果" id ="draw" onclick ="check1()">
JavaScript
1コード 2//ユーザーが入力結果をクリックしたら 3function check1() { 4var nyuryoku1 = document.getElementById('nyuryoku1'); 5var nyuryoku2 = document.getElementById('nyuryoku2'); 6var nyuryoku3 = document.getElementById('nyuryoku3'); 7var nyuryoku4 = document.getElementById('nyuryoku4'); 8var nyuryoku5 = document.getElementById('nyuryoku5'); 9var nyuryoku6 = document.getElementById('nyuryoku6'); 10var nyuryoku7 = document.getElementById('nyuryoku7'); 11var nyuryoku8 = document.getElementById('nyuryoku8'); 12var nyuryoku9 = document.getElementById('nyuryoku9'); 13var nyuryoku10 = document.getElementById('nyuryoku10'); 14 15var 変数名 = [配列] 16for文() {処理条件} 17}
の表記のような感じでクリックされたら処理をする。の表記で纏めたいです。
今回は10個で例をあげさせていただきましたが、入力値が100個になっても、
100個同じコードを書くのではなく、何かの引き出し、ボックスなどに一纏めにしてから、
処理を行っていけたらなと思い投稿させていただきました。
for文の処理条件には別条件分岐を使い、ユーザーの入力値に何も入力されていなかった場合、
なども後から追加したいです。
配列を使ってfor文を使う以外にも方法がありましたらご教授のほどお願い致します。
追記>
正規表現の部分ですが、整数(0以下を除く)を入力した場合はtrue、
それ以外の負の整数や文字列が手入力により入力された場合は、alertを使って「入力された数値は使用できません」などのようにしたいです。
回答3件
あなたの回答
tips
プレビュー