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

时间:2014-07-10 10:17:24

标签: javascript jquery ruby-on-rails forms haml

我正在使用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。所以我很难理解

如果您需要更多详细信息,请告知我,我将发布...

任何人都可以帮助我......提前谢谢:)

1 个答案:

答案 0 :(得分:2)

得到了解决方案

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>