需要填寫表單

我必須爲聯繫人頁面創建表單。我希望人們在不同的輸入中輸入他們的姓名，電子郵件，電話號碼等。輸入全部用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

需要填寫表單

回答

相關問題