Question

这是我尝试验证下拉列表。它实际上是jquery mobile中的翻转开关。我想强制用户回答“是”以通过验证。我正在尝试使用jquery验证插件找到一种方法。这适用于文本和列表框但是，我似乎无法通过下拉列表进行验证。我还创建了一个fiddle here。非常感谢任何帮助。谢谢。

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<body>
<form id="frmTest">
    <label for="txtName">Name:</label>
    <input type="text" id="txtName" name="txtName" placeholder="Enter your name">
    <label for="lstAnswer">Did you enter your name?</label>
    <select id="lstAnswer" name="lstAnswer" data-role="slider">
        <option value="0">No</option>
        <option value="1">Yes</option>
    </select>
    <br /><br />
    <input type="submit" id="butSubmit" value="Check Test" />
</form>
</body>


jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$("#frmTest").validate({
messages: {
    txtName: {
        required: "Please enter your name",
    },
    lstAnswer: {
        required: "Please select Yes",
    }        
},
rules: {
    txtName: {
        required: true
    },
    lstAnswer: {
        required: true
    }
}
});

验证JQuery Mobile中的下拉列表

0 个答案: