フォーム内のテキストボックスやチェックボックスでひとつでも未記入項目があると「未記入項目があります」のダイアログボックスを表示させて元の画面にもどりたいのですが
if(document.フォーム名.部品名.value == "") {
alert( "名前を記入してください" );
document.フォーム名.部品名.focus();
return false;
}
}
上のソースでは部品の数だけ同じ処理を書かないといけないのです。この中に全ての部品をまとめてひとつでも空欄があればエラー表示させる書き方はないでしょうか?
No.1ベストアンサー
- 回答日時:
テキストフォームだけでいいのでしょうか?
チェックボックスやラジオボタン、リストボックス
があると、それなりの処理をいれなくてはいけません。
とりあえずということであればこんな感じです。
formをオブジェクトで関数にわたし、中身を
確認してヒットしたら処理をとめる
という流れは質問のフローとおなじです
<script language="javascript">
function checkFunc(f){
for (var i =0;i<f.length;i++){
if(f[i].tagName=="INPUT" && f[i].value==""){
alert(f[i].name+"を入力してください")
f[i].focus();
return false;
}
}
}
</script>
<form onSubmit="return checkFunc(this)" action="hoge.htm">
aaa:<input type="text" value="" name="aaa"><br>
bbb:<input type="text" value="" name="bbb"><br>
ccc:<input type="text" value="" name="ccc"><br>
<input type="submit" value="Go!"><br>
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの javascript で 1 2022/05/11 11:01
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- その他(プログラミング・Web制作) 入力フォームへ、データを自動的に入力するプログラム。どうやって作る? 4 2023/01/16 10:24
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Pythonで会員サイトの自動ログ...
-
hiddenのvalueの値を変えたい
-
数値の掛け算の不具合について
-
VB.NET DateTimeの型について
-
ホームページ上での計算につい...
-
javascriptにてHTMLのhiddenエ...
-
3桁区切りのカンマをつけたい...
-
複数の入力項目を1つの「NAME=...
-
プルダウン選択時、既に入力済...
-
クリックの度に加算していくには?
-
VBAをJavaScriptに変換したいです
-
フォームで入力した値を別のフ...
-
テキストボックスに入力された...
-
セレクトボックスの初期選択状...
-
ラジオボタンとテキストを同時...
-
クイズ作成:15個の問題から5個...
-
value内に変数を入れたい
-
Selectボックスの幅を自動で広...
-
javascript作成してます。ラジ...
-
現在時刻を取得してフォームのs...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
Pythonで会員サイトの自動ログ...
-
セレクトボックスの初期選択状...
-
name属性が同じフォームが複数...
-
ラジオボタンの選択で解答・点...
-
商品コードを入れたら自動で商...
-
演算対象の数字と演算子を入力...
-
フォームで入力した値を別のフ...
おすすめ情報