###jqueryで複数のフォームの場合、選択をせずsubmitを押した場合アラートを出す
jqueryで複数のフォームを作り、移遷先が違うのでどちらかのformで選択せずにsubmitを押した場合に"選択してください"というアラートを出したいです。
行き詰まってしまっているのでご教授頂けると幸いです。
アドバイスよろしくお願い致します。
###発生している問題・エラーメッセージ
現状のjqueryでは1つ目のformに対してのアラートは出るのですが、2つ目のフォームにアラートが出ず、404表示の状態です。
###該当のソースコード
haml
1%section 2 %ul 3 %li 4 %form{:method => "get", :action => "/products/1"} 5 .custom 6 %select#form{:name => "size", :style => ""} 7 %option{:value => "", :selected => "selected"} 選択してください 8 %option{:value => "1"} 1 9 %option{:value => "2"} 2 10 %option{:value => "3"} 3 11 %input{:type => "hidden", :name => "product", :value => "blouse"} 12 %button.submit{:type => "submit"} 注文する 13 %li 14 %form{:method => "get", :action => "/products/2"} 15 .custom 16 %select#form{:name => "size", :style => ""} 17 %option{:value => "", :selected => "selected"} 選択してください 18 %option{:value => "1"} 1 19 %option{:value => "2"} 2 20 %option{:value => "3"} 3 21 %input{:type => "hidden", :name => "product", :value => "onepiece"} 22 %button.submit{:type => "submit"} 注文する
javascript
1 $('form').submit(function(){ 2 var val = $('[name=size]').val(); 3 if(val===''){ 4 alert('選択をしてください'); 5 return false; 6 } 7 });
###試したこと
formにrequiredは試したのですがsafariなど一部のブラウザで対応できませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/22 09:07