在这种情况下，使用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"    
    },