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

Jquery 当字段中没有值时显示警报,jquery,html,Jquery,Html,我想做的是在用户按下submit按钮时向其显示一个警报,但在category字段中没有选择的值。我该怎么做 <input type="submit" value="Search"> <div class="styleselect"> <select data-placeholder="Select a Category" name="cat" id="cat" class="select2" multiple > <optio

我想做的是在用户按下submit按钮时向其显示一个警报,但在category字段中没有选择的值。我该怎么做

<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>
    <form action="demo_form.asp">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>

全部的
英格兰
希腊
美国
意大利

您可以检查选择框上是否有任何选定索引,如果没有,则显示警报

    <form action="demo_form.asp">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>
函数检查()
{
var values=document.getElementById('cat')。selectedIndex;
如果(值=='-1')
{
警报(“请至少选择一个”);
返回false;
}
}

全部的
英格兰
希腊
美国
意大利

您可以检查选择框上是否有任何选定索引,如果没有,则显示警报

    <form action="demo_form.asp">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>
函数检查()
{
var values=document.getElementById('cat')。selectedIndex;
如果(值=='-1')
{
警报(“请至少选择一个”);
返回false;
}
}

全部的
英格兰
希腊
美国
意大利

您可以使用javascript函数轻松地执行此操作,并检查值是否选中

    <form action="demo_form.asp">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
var option=$('#cat').val();
如果(!选项){
警报(“请选择一个国家!”);
}
});
});

全部的
英格兰
希腊
美国
意大利

您可以使用javascript函数轻松地执行此操作,并检查值是否选中

    <form action="demo_form.asp">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
var option=$('#cat').val();
如果(!选项){
警报(“请选择一个国家!”);
}
});
});

全部的
英格兰
希腊
美国
意大利

将所需的标记添加到html元素中。然后添加一个value=“”的选项

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

选择值

将所需的标记添加到html元素中。然后添加一个value=“”的选项

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

选择值
只需在每个字段中添加“required”关键字即可,如

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

用户名:
注意:中不支持输入标记的必需属性 Internet Explorer 9和早期版本,或在Safari中

    <form action="demo_form.asp">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>
只需在每个字段中添加“required”关键字即可,如

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

用户名:
注意:中不支持输入标记的必需属性 Internet Explorer 9和早期版本,或在Safari中

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