2

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

<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
    }
}
});
4

0 回答 0