在這種情況下，使用Jquery如何驗證“選擇”框？

Question

這是代碼，不是整個代碼，而是一小部分。 我需要一個代碼段來驗證選擇框。其他字段的驗證工作正常。 非常感謝您的幫助。

    <label>Locality :</label><select name="locality" class="locality">
    <option value="default" id="select" class="required">--Select locality--</option>';
    //<option selected="selected"></option>

    $query2 = "Select * from locality_master";  
    $res = mysqli_query($conn, $query2) or die("Error in Selecting select box locality master " . mysqli_error($conn));
    while($r=mysqli_fetch_array($res)){

        echo "<option value='" . $r['l_id'] ."'>" . $r['l_name'] ."</option>";
    }
    echo "</select>";

    print '
    <label>Street :</label> <select name="street" class="street" >
    <option selected="selected">--Select Street--</option>
    </select>
    <img id="loding1"></img>
    <br><br>

現有的Jquery驗證

$(function() {

// Setup form validation on the #register-form element
$("#register-form").validate({

    // Specify the validation rules
    rules: {
        name: "required",
        address: "required",
        state: "required",
        city: "required",
        postalcode: "required",

    // Specify the validation error messages
    messages: {
        name: "Please enter your first name",
        address: "Please enter your address:",
        state: "Please provide a state:",
        city: "Please provide a city:",
        postalcode: "Please Provide us with a postal code"

    },

    submitHandler: function(form) {
        form.submit();
    }
    }
  });

 }); 

我應該在Jquery中添加什么以驗證選擇框？

Answer 1

在您選擇的位置的選項中保留空白值

  <option value="" id="select" class="required">--Select locality--</option>

並把規則和信息

// Setup form validation on the #register-form element
$("#register-form").validate({

    // Specify the validation rules
    rules: {
        name: "required",
        address: "required",
        state: "required",
        city: "required",
        postalcode: "required",
        locality  : "required"
     },

    // Specify the validation error messages
    messages: {
        name: "Please enter your first name",
        address: "Please enter your address:",
        state: "Please provide a state:",
        city: "Please provide a city:",
        postalcode: "Please Provide us with a postal code",
        locality  : "Please Select Locality."

    },

    submitHandler: function(form) 
    {
        form.submit();
    }

});

Answer 2

在提交處理程序中執行此操作

if($('.locality option:selected').text() == '--Select locality--'){ return false; // and alert message }

Answer 3

將value屬性添加到您的選項標簽，如下所示：

<option value="" selected="selected">--Select Street--</option>

然后將選擇框添加到您的驗證中，如下所示：

// Specify the validation rules
    rules: {
        name: "required",
        address: "required",
        state: "required",
        city: "required",
        postalcode: "required",
        street: "required"

    // Specify the validation error messages
    messages: {
        name: "Please enter your first name",
        address: "Please enter your address:",
        state: "Please provide a state:",
        city: "Please provide a city:",
        postalcode: "Please Provide us with a postal code",
        street: "Please provide a street"    
    },