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

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

<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>

来源

2016-11-24 Joe Smth

您可以检查是否有在选择框中选择任何指标，如果没有显示该警报。

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

<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>

来源

2016-11-24 12:58:32

您可以轻松地做到这一点使用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>

来源

2016-11-24 12:59:53 pradeep1991singh

所需的标签添加到您的html元素。再加入与价值所需的选项=“”

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

来源

2016-11-24 13:00:14

做它只是简单地添加“”关键字在各个领域像

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

注：不支持输入标签的要求属性在 Internet Explorer 9及更早版本中，或在Safari中。

来源

2016-11-24 13:08:01

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

回答

相关问题