Question

我必须为联系页面制作表格。我希望那些人把他们的名字，电子邮件，电话号码等放在不同的输入中。输入都标记为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>

所以第一个值，＆＃39; Kies je onderwerp＆＃39;在您打开页面时选择。但是，如果仍然选中该按钮并单击“提交”按钮，则需要通知您没有选择值。

Answer 1

您可以使用js验证，如下所示

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

Answer 2

第一个选项的值必须为空，才能进行必要的检查。

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

Answer 3

如果您还没准备好将其留空，可以使用以下脚本对其进行验证。请查看下面的代码段以供参考。

$('#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>

需要下拉表格

3 个答案: