こんにちは。
いつもお世話になっています!
現在入力フォームを作成しており、submit時に未入力チェックを行いたいのですが、うまく動作しないため相談させていただきます。
正しい動作としては
前提:<input type="text"...>をループで取得
(1). 複数ある<input type=text ...>の中に一つでも未入力のものがある場合に「未入力の項目があります」とアラートを出し、submitを中断
(2). 全て入力されている場合にのみ通常どおり送信
なのですが、現在(1)のときはアラートは出るもののその後なぜかsubmitが中断されません。
(2)はうまく動作しております。
以下、コードを記載いたしますのでご確認をお願いいたしますm(_ _)m
JavaScript
1 function check(){ 2 $(function(){ 3 var $input = $(".hoge").find("input[type='text']"); 4 for(i = 0; i < $input.length; i++) { 5 if ($input[i].value.length == 0) { 6 alert("未入力の項目があります"); 7 return false; 8 } 9 } 10 }); 11 }
HTML
1<%= form_for @foo, html: {id: 'form', multipart: true, onSubmit: "return check();"} do |f| %> 2... 3<%= f.submit "登録", :class => "form__button" %> 4
回答3件
あなたの回答
tips
プレビュー