javascript - 如何在我的 Web 表单中设置对选择标签的验证？

Question

我想在表单中的 select 标签上设置验证，这样用户就无法在不选择位置的情况下继续操作。

下面是表格...

<form name="form1">
    Pickup Suburb: 
    <select id="pick" class="pick" name="pick"/><br />
        <option value="none">-- Please select a location --</option>
        <option value = 1>City </option>
        <option value = 2>Airport </option>
        <option value = 3>Abbotsbury </option>
        <option value = 4>Abbotsford </option>
        <option value = 5>Acacia Gardens </option>
        <option value = 6>Agnes Banks </option>
        <option value = 7>Airds </option>
        <option value = 8>Akuna Bay </option>
    </select>

    <br />Rear facing baby seat 
    <select class="rfbs" name="rfbs" style="width:50px">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select><br />

    <br />Booster seat 
    <select class="bs" name="bs" style="width:50px">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>

    <br />    
    <br />Luggage Trailer 
    <select class="lt" name="lt" style="width:50px">
        <option value="0">0</option>
        <option value="1">1</option>
    </select>

    <br />
    <br /><input class="show-popup" type="submit" value="Get Quote">
</form>

我已经应用了一个 JavaScript 弹出窗口来在用户填写表单时显示结果，因此如果用户尝试在没有选择位置的情况下提交表单，是否可以应用显示错误消息的验证.

如有任何帮助，我们将不胜感激。

Answer 1

因为 select 字段一直是选择值(默认第一个选项)，你可以只检查:

if($('#pick').val()=='none') {    
  alert('choose some value');
  return false;
}