[英]Validate a jQuery-UI Spinner within a form
我正在使用“ jQuery验证插件”来验证表单字段。 效果很好。
我在表单中添加了一个新字段。 该字段使用jQuery-UI Spinner,但无法成功进行验证。
这是spinner元素的HTML代码:
<form id="formAddCategory">
<input id="spinTeamNumber" name="value" style="display: inline-block; margin: 10px; width: 3em;" size="3" maxlength="3">
</form>
这是微调器代码:
$("#spinTeamNumber").spinner({
step : 1,
min : 1,
numberFormat : "n",
alignment : 'vertical'
});
这是验证代码:
$("#formAddCategory").validate({
rules : {
"spinTeamNumber" : {
required : true,
}
},
messages : {
"spinTeamNumber" : {
required : "* Required"
}
}
});
[...]
if ($("#formAddCategory").valid()) {
...
}
但这行不通。 我也尝试定义自定义验证方法,但没有成功。
您只能在.validate()
方法中使用输入元素的name
, 而不是 id
。
您的name
被定义为value
...
<input id="spinTeamNumber" name="value" ....
因此,您必须在.validate()
方法内使用value
...
$("#formAddCategory").validate({
rules : {
value : { // <-- the input NAME
required : true,
}
},
messages : {
value : { // <-- the input NAME
required : "* Required"
}
}
});
要创建微调框,jQuery UI会在原始输入元素周围动态添加一个容器,因此您可能需要使用errorPlacement
选项使消息显示在外部。
演示: http : //jsfiddle.net/6u18p6ju/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.