Question

我想要做的是在用户按下提交按钮时向用户显示提醒，但类别字段中没有选定的值。我怎么能这样做？

<input type="submit" value="Search">

<div class="styleselect">
    <select data-placeholder="Select a Category" name="cat" id="cat" class="select2"  multiple >
        <option value="all">All</option>
        <option value="EN">England</option>
        <option value="GR">Greece</option>
        <option value="US">USA</option>
        <option value="IT">Italy</option>
    </select>
</div>

Answer 1

如果没有显示警报，您可以检查选择框中是否有任何选定的索引。

 function check()
   {
	 var values = document.getElementById('cat').selectedIndex;
	 if(values == '-1')
	 {
		 alert('PLease select atleast one'); 
		 return false;
	 }
   }

<input type="submit" value="Search" onClick="check()" >

<div class="styleselect">
                        <select data-placeholder="Select a Category" name="cat" id="cat" class="select2"  multiple >
                                  <option value="all">All</option>
                                 <option value="EN">England</option>
                                 <option value="GR">Greece</option>
                                 <option value="US">USA</option>
                                 <option value="IT">Italy</option>
                                </select>
                    </div>

Answer 2

只需在每个字段中添加“必需”关键字，例如

    <form action="demo_form.asp">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>

注意：不支持输入标记的必需属性 Internet Explorer 9及更早版本，或Safari中。

Answer 3

您可以使用javascript alert()函数轻松完成此操作，并检查是否选择了值。

$(document).ready(function() {
  $("#submit").click(function() {
    var option = $('#cat').val();
    if(!option) {
      alert("Please select a country!");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="submit" type="submit" value="Search">

<div class="styleselect">
  <select data-placeholder="Select a Category" name="cat" id="cat" class="select2"  multiple >
    <option value="all">All</option>
    <option value="EN">England</option>
    <option value="GR">Greece</option>
    <option value="US">USA</option>
    <option value="IT">Italy</option>
  </select>
</div>

Answer 4

将所需标记添加到html元素中。然后添加一个值为“”“

的选项

 <select required data-placeholder="Select a Category" name="cat" id="cat" class="select2"  multiple >
 <option value="">Choose value</option>

当字段中没有值时显示警报

4 个答案: