java scriptについて質問です。
ホームページ内のプルダウンメニューで、項目が選択されていない状態で「submit」ボタンが押された場合、「~を選択してください」というメッセージを表示させたいと思います。
そこで以下のようなfunction validateFormを書いたのですが、alertがIEでは表示されるのにfirefoxでは表示されません。
function validateForm() {
if (document.form1.Prop1.options.value == 'Error') {
alert('Please select aaa.')
document.form1.Prop1.focus()
return false
}
if (document.form1.Prop2.options.value == 'Error') {
alert('Please select bbb.')
document.form1.Prop2.focus()
return false
}
if (document.form1.Prop3.options.value == 'Error') {
alert('Please select ccc.')
document.form1.Prop3.focus()
return false
}
if (document.form1.Prop4.options.value == 'Error') {
alert('Please select ddd.')
document.form1.Prop4.focus()
return false
}
if (document.form1.Prop5.options.value == 'Error') {
alert('Please select eee.')
document.form1.Prop5.focus()
return false
}
}
firefoxでもalertを表示させるには、どのようにすればいいでしょうか?
教えてくださいませ。よろしくお願いします。
No.2ベストアンサー
- 回答日時:
こんな感じで
<script language="javascript">
var list=new Object();
list.Prop1="aaa";
list.Prop2="bbb";
list.Prop3="ccc";
list.Prop4="ddd";
list.Prop5="eee";
function validateForm(f) {
for (var i=0;i<f.length;i++){
if(f[i].type=="select-one" && f[i].value=="Error"){
alert('Please select '+list[f[i].name]+'.')
f[i].focus()
return false
}
}
}
</script>
<form onSubmit="return validateForm(this)" action="javascript:alert('成功')">
aaa:
<select name="Prop1">
<option value="Error">せんたくして
<option value="1">データ1
<option value="2">データ2
<option value="3">データ3
</select><br>
bbb:
<select name="Prop2">
<option value="Error">せんたくして
<option value="1">データ1
<option value="2">データ2
<option value="3">データ3
</select><br>
ccc:
<select name="Prop3">
<option value="Error">せんたくして
<option value="1">データ1
<option value="2">データ2
<option value="3">データ3
</select><br>
ddd:
<select name="Prop4">
<option value="Error">せんたくして
<option value="1">データ1
<option value="2">データ2
<option value="3">データ3
</select><br>
eee:
<select name="Prop5">
<option value="Error">せんたくして
<option value="1">データ1
<option value="2">データ2
<option value="3">データ3
</select><br>
<input type=submit value="送信">
</form>
No.1
- 回答日時:
optionsは配列なのでIEでも動かないような気がしますが
下記のフォームなら
<form name="form1" method="post" onSubmit="validateForm();">
<select name="Prop1">
<option value="Error">---
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<input type="submit">
</form>
var i=document.form1.Prop1.selectedIndex;
if (document.form1.Prop1.options[i].value == 'Error') {
とするか単純に
if (document.form1.Prop1.value == 'Error') {
とすればどうでしょうか
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- Visual Basic(VBA) 動きっぱなしです。止め方とプロシージャの間違いを教えて下さい! 5 2022/08/15 23:08
- FX・外国為替取引 mql4のコンパイルエラー箇所の修正お願いします。 1 2023/03/15 16:14
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 画像の表示位置 3 2022/12/23 08:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストボックス内の重複したも...
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
プルダウン選択を変更すると、...
-
サイト内の物件を複数の検索条...
-
select要素のvalueを配列で取得...
-
時間の選択に関して
-
VBScriptでHTMLのセレクトボッ...
-
【javascript】連想配列からセ...
-
二つのセレクトボックス間での...
-
セレクトメニューの値をクッキ...
-
セレクトボックスで配列を呼び...
-
プルダウンの値によって活性・...
-
Selectボックスの一覧表示方法
-
プルダウンの値をphpファイルへ...
-
selectのnameが配列の場合
-
selectを変更不可にしたい
-
同一ページに複数のプルダウン...
-
ラジオボタンの選択に応じてプ...
-
document.writeでセレクトボッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
全てのselect要素をデフォルト...
-
【JS】selectでchangeした時の...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
複数のプルダウンを1つにまとめ...
-
コードレビューをお願いします。
-
JavaScriptで<select>の<option...
-
<input>の選択肢をプルダウンメ...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
VBScriptでHTMLのセレクトボッ...
-
ラジオボタンとプルダウンを連...
-
javascriptで合計金額を算出し...
-
中百舌鳥駅と深井駅を入れ替え...
-
同じ名前のセレクトがある場合...
-
セレクトボックスで配列を呼び...
-
今日の日付を自動的にセレクト...
-
プルダウンの値によって活性・...
-
サイト内の物件を複数の検索条...
おすすめ情報