jQuery 验证插件规则到特定形式
jQuery Validation plugin rules to specific form
我正在使用jQuery验证插件来验证我的表单。现在我想验证我网站上的每个表单。这有效:
$('form').validate({
<?php echo $translation["validation_lang"];?>
errorPlacement: function (error, element) {
$(element).tooltipster('update', $(error).text());
$(element).tooltipster('show');
},
success: function (label, element) {
$(element).tooltipster('hide');
}
});
我正在使用工具提示器在其相应字段旁边显示错误。同样,这有效。其中的PHP
字符串是可以选择加载语言包。
现在,我的网站上还有其他需要其他规则的表单。例如,注册表单应检查用户名可用性,检查用户名有效性(长度,字符等)等。
$('#registerForm').validate({
rules: {
username: {
minlength: 3,
maxlength: 50
},
password1: {
minlength: 5
},
password2: {
minlength: 5,
equalTo: "#password1"
},
email: {
remote:{
url: "getContent.php",
type: "post",
data: {
type: "checkMail"
}
}
},
username: {
remote: {
url: "getContent.php",
type: "post",
data: {
type: "checkUser"
}
}
}
},
messages: {
email: {
remote: "<?php echo $translation["already_registered"][0];?>"
},
username: {
remote: "<?php echo $translation["already_registered"][1];?>"
}
}
});
将这两个代码片段放在同一页面上是行不通的。当上面的代码主体(因此rules
和messages
)放在初始$('form').validate({
而不是它自己的$('#registerForm').validate({
时,它确实可以工作。我似乎在任何地方都找不到如何将某些规则添加到特定表单,同时保持所有表单的"一般"规则。
简而言之:如何在保持一般表单规则的同时,将规则/消息/提交处理程序添加到具有特定 ID 的特定表单中?
您可以使用 setDefaults 方法来定义常见的验证内容:http://jqueryvalidation.org/jQuery.validator.setDefaults/
例:
$.validator.setDefaults({
errorPlacement: function (error, element) {
$(element).tooltipster('update', $(error).text());
$(element).tooltipster('show');
},
success: function (label, element) {
$(element).tooltipster('hide');
}
});
jsFiddle - 为所有表单设置错误元素为"em"。
相关文章:
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- jQuery验证插件submitHandler Ajax
- Jquery 验证插件 - 字段仍然产生错误
- 在使用 jQuery 验证插件进行验证后,使用 AJAX 提交表单
- 附加要使用的变量jQuery验证插件
- Jquery验证插件在与<发件人:form>标签
- jquery在动态表单输入上验证插件不起作用
- 表单验证消息(使用jQuery验证插件)
- jQuery验证插件-比较两个选择下拉列表的自定义方法
- jQuery验证插件,如果.is(“:已检查”),则需要该插件
- jQuery验证插件停止表单提交,提交按钮获胜'不起作用
- 如果选中了上一个复选框,则需要的验证插件
- jQuery表单验证插件's只有文字字段的问题
- Jquery验证插件两个按钮
- jquery验证插件-错误删除
- jQuery验证插件-表单不提交
- [contenteditable]元素和jQuery验证插件的问题
- 使用jquery验证插件检查数据库中是否存在电子邮件
- 如何从jQuery验证插件函数中删除AJAX
- 如何使用 Jquery 验证插件专门验证某个表单字段