如果select下拉菜單的值爲NULL,則應該停止加載頁面。 jQuery的工作提醒用戶的問題,但頁面仍然延續到下一頁。任何援助都會很棒。由於頁仍然使用event.preventDefault()重新加載;
盧克
<fieldset class="form-group">
<label for="question-1">1. What age group are you?</label> <br>
<select class="drop-down" id = "ageChoice">
<option value="">Please Select</option>
<option value="16minus">16 or below</option>
<option value="16-18">16 to 18</option>
<option value="19-25">19 to 25</option>
<option value="26-34">26 to 34</option>
<option value="35-42">35 to 42</option>
<option value="43-50">43 to 50</option>
<option value="51-60">51 to 60</option>
<option value="61plus">61+</option>
</select>
</fieldset>
<input class="btn btn-primary" type="button" id= "next" value="Next" onClick="location.href='first-test.html' ">
$("#next").click(function() {
var age = $('#ageChoice');
if (age.val() === '') {
event.preventDefault();
alert("Please select your age group, thank you.");
}
else
return;
});
檢查你的控制檯,應該有一個關於'event'未定義的錯誤。它作爲回調函數的參數。 –
嗨,感謝您的回覆,抱歉,我是jQuery新手,你的意思如下: https://jsfiddle.net/uvyqtsxn/ 如果是這樣,似乎沒有工作。再次感謝您的迴應。 – luke121