验证表单中的 jQuery-UI 微调器
Validate a jQuery-UI Spinner within a form
我正在使用"jQuery验证插件"来验证表单字段。效果很好。
我在表单中添加了一个新字段。此字段使用 jQuery-UI 微调器,但我无法成功验证它。
这是微调器元素的 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/
相关文章:
- Jquery提交表单而不刷新
- jquery在表单之间切换
- jQuery动态表单显示在select选项上
- Jquery Modal表单登录与AJAX-ASP经典上的IE 9
- Jquery的表单验证不起作用
- 使用Jade/Jquery更改表单
- 语义ui表单验证:图像url
- 带有select的jquery提交表单不起作用
- AngularJS JQuery Ajax表单提交等效
- jQuery-将表单复制到相同的表单
- 将Computed PHP Variable传递到jQuery/Ajax表单
- 可以't使用jquery获取表单中select字段的值
- 使用jQuery延迟表单输入,并在延迟后在同一页面上显示结果
- 使用 JQuery 从表单中获取 javascript 多维数组
- Jquery 验证表单
- Jquery 提交表单,在成功提交表单到 php 后添加
- jQuery从表单中获取数据
- 'Alajax' Jquery 简单表单提交.如果表单未经验证,如何防止提交
- 如何使用 jquery 查找表单
- jQuery UI表单停止工作,没有已知的变化