Question

我有一个带有选择字段的表单。我有选择字段的问题，未使用以下代码验证。我已尝试在stackoverflow中给出了许多解决方案，但它们无法正常工作。任何人都可以帮助我

<select class="form-control required"  name="package" data-style="btn-zmyhome" data-width="100%">
    <option class="col-xs-12" value="0" selected="selected" disabled="disabled">Select</option>
    <option class="col-xs-12" value="1">A</option>
    <option class="col-xs-12" value="2">B</option>
</select>

$("#form").validate({
    rules: {
        package: { required: true }
    },
    messages: {
        package: 'please select'
    }
});

Answer 1

您错过了以下指出的结束括号}：

$("#form").validate({
 rules: {
    package: { required: true }
 },
 messages: {
    package: 'please select'
 } /* Closing bracket `}` was missing here */
});

Answer 2

此代码工作正常：

<html>
<head>
<script src="jquery-3.1.1.min.js"></script>
<script src="jquery.validate.min.js"></script>
</head>
<form id="form">

<select class="form-control required"  name="package" data-style="btn-zmyhome" data-width="100%">
    <option class="col-xs-12" value="0" selected="selected" disabled="disabled">Select</option>
    <option class="col-xs-12" value="1">A</option>
    <option class="col-xs-12" value="2">B</option>
</select>
<input type="submit" name="submit" value="Submit" />
</form>
</html>


<script type="text/javascript">
$("#form").validate({
    rules: {
        package: { required: true }
    },
    messages: {
        package: 'please select'
    }
});
</script>

请提供控制台日志或分享完整代码。

谢谢，

选择字段验证不起作用

2 个答案: