如果没有从下拉列表中选择任何选项，如何防止表单提交

Question

我正在使用 Rails 4，在我的应用程序中，我有一个表单，我通过下拉框传递表单操作。现在我想如果没有选择任何选项，那么不应该提交表单。

下面是我的代码

 = form_for @store,  {:url => remove_multiple_store_path} do |f|
   = f.select(:name, [['Delete', 'delete'], ['Change Status', 'changestatus']],{:include_blank=> 'Select Action'})
   ..........
   ..........
   ..........
   = f.submit 'Submit'

我正在进入浏览器

<form method="post" action="/remove_multiple_store" accept-charset="UTF-8">
....
......
<select id="store_name" class="select1" name="store[name]">
<option value="">Select Action</option>
<option value="delete">Delete</option>
<option value="changestatus">Change Status</option>
</select>
</div>
<input type="submit" value="Submit" name="commit">

如果没有选择任何选项或选择Select Action，我希望不要提交表单。

为此，我已经搜索过，但我得到的结果都是 PHP 的结果，我不知道 ajax。所以我很难理解

如果您需要更多详细信息，请告诉我，我会发布...

谁能帮帮我...提前谢谢:)

Answer 1

解决办法

Fiddle

 $("#frm").submit(function(event){
 // var valDDL = $(this).val();  
        //event.preventDefault();
         var valDDL = $("#store_name").val();
         if(valDDL=="")
         {
             event.preventDefault();
             alert("select dropdown option");
         } 

 });

HTML

<form method="post" id="frm">

<select id="store_name" class="select1" name="store[name]">
  <option value="">Select Action</option>
  <option value="delete">Delete</option>
  <option value="changestatus">Change Status</option>
</select>

<input type="submit" value="Submit" name="commit"/>
</form>