需要填写表单

我必须为联系人页面创建表单。我希望人们在不同的输入中输入他们的姓名，电子邮件，电话号码等。输入全部用REQUIRED标记。需要填写表单

如果我尝试提交表单并忘记填写例如姓名，它会通知您没有填写姓名。

这很好。

但是，我的下拉菜单也是必需的，即使我没有从下拉列表中选择一个值，我也不会收到通知。

<div class="form-group"> 
<select class="selectpicker" name="dropdownmenu" id="selectpicker" required> 
    <option selected="selected" value="first_value" disabled>Kies je onderwerp</option> 
    <option value="dropdown_advertentie">Advertentie</option> 
    <option value="dropdown_suggestie">Suggestie</option> 
    <option value="dropdown_opmerking">Opmerking</option> 
</select>

所以，当你打开网页的第一个值， 'Kies的JE onderwerp' 被选中。但是，当它仍然被选中并且你点击提交按钮时，我需要一个通知，你没有选择一个值。

来源

2017-10-11 WesleytJ

您的第一个选项的值必须是空的必要检查。

<select required> 
    <option value="">Kies je onderwerp</option> 
    <option value="dropdown_advertentie">Advertentie</option> 
    <option value="dropdown_suggestie">Suggestie</option> 
    <option value="dropdown_opmerking">Opmerking</option> 
</select>

来源

2017-10-11 11:35:34

但现在 'Kies的JE onderwerp' 是可选的，对不对？编辑：没关系，你是对的。我需要将这个值留空。谢谢！ – WesleytJ

您可以使用JS验证为波纹管

function validateForm() { 
    var x = document.forms["myForm"]["field_name"].value; 
    if (x == ""|| x=="first_value") { 
     alert("Name must be filled out"); 
     return false; 
    } 
}

来源

2017-10-11 11:35:23

如果你还没有准备好让它为空，你可以使用下面的脚本来验证它。检查下面的代码片段以供参考。

$('#btnSubmit').click(function() { 
 
    if ($('#selectpicker :selected').text() == 'Kies je onderwerp') { 
 
    alert('please select a valid value'); 
 
    } 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form><select class="selectpicker" name="dropdownmenu" id="selectpicker" required> 
 
    <option selected="selected" value="first_value" disabled>Kies je onderwerp</option> 
 
    <option value="dropdown_advertentie">Advertentie</option> 
 
    <option value="dropdown_suggestie">Suggestie</option> 
 
    <option value="dropdown_opmerking">Opmerking</option> 
 
</select> 
 
    <input type="submit" id="btnSubmit" value="submit"> 
 
</form>

来源

2017-10-11 11:42:03

需要填写表单

回答

相关问题