javascript-通过使用parsley.js每个字段支持多个自定义错误消息
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-通过使用parsley.js每个字段支持多个自定义错误消息,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2569字,纯文字阅读大概需要4分钟。
内容图文
![javascript-通过使用parsley.js每个字段支持多个自定义错误消息](/upload/InfoBanner/zyjiaocheng/681/1eb9f5815ad641ccb475c75f44b896e3.jpg)
我正在尝试使用parsley.js验证简单表单,我是parsley.js的初学者.我想使用window.ParsleyValidator.addValidator()方法在一种自定义验证方法中显示多个错误消息.以我的方式.
我创建的简单HTML表单
<html>
<head>Custom Validation Parsley
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/parsley.min.js"></script>
<script src="js/my-validator-parsley.js"></script>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>Please provide your name, email address (won't be published) and a comment</legend>
<p>
<label for="cemail">E-Mail with custom method (required)</label>
<input id="cemail" name="checkEmail" data-parsley-checkEmail>
</p>
<p>
<input class="submit" type="submit" value="Submit">
</p>
</fieldset>
</form>
<script>
$("#commentForm").parsley();
</script>
</body>
</html>
以及包含自定义验证方法的javascript文件
var errorMsg = "";
window.ParsleyValidator.addValidator('checkEmail', function(value) {
console.log(value);
if (value == "") {
errorMsg = "this field must not be empty";
return false;
} else {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!regex.test(value)) {
errorMsg = "this field must be email ***";
}
return regex.test(value);
window.ParsleyValidator.addMessage('en', 'checkEmail',
errorMsg);
}
}, 32)
//.addMessage('en','checkEmail',window.ParsleyValidator.catalog)
;
但这对我没有用,任何人都可以就此以及如何完成此任务给我建议吗?
解决方法:
在给定的语言环境中,每个约束只能分配一条消息.
从http://parsleyjs.org/doc/annotated-source/validator.html开始:
addMessage: function (locale, name, message) {
if ('undefined' === typeof this.catalog[locale])
this.catalog[locale] = {};
this.catalog[locale][name.toLowerCase()] = message;
return this;
},
因此,如果您需要多个消息,请定义多个验证器.
也,
>如果您需要一个字段,则无需检查它是否为空;只需向其添加必填属性(例如< input ... required />)
> Parsley与常见的验证器(http://parsleyjs.org/doc/index.html#validators)捆绑在一起,“电子邮件”是其中之一;要启用它,请将属性type =“ email”添加到您的输入中(例如< input type =“ email”必填/>)
更新:
从http://parsleyjs.org/doc/index.html#psly-ui-for-javascript开始:
window.ParsleyUI.updateError(parsleyInstance, name, message);
Manually edit an error message.
此外,您可以通过将验证器函数直接分配给目录而不是使用addMessage()来设置消息(请注意,验证器的名称应全部为小写):
window.ParsleyValidator.addValidator('checkEmail', function(value) {
if (...)
window.ParsleyValidator.catalog.en.checkemail = 'Some error message AAA';
else
window.ParsleyValidator.catalog.en.checkemail = 'Some error message BBB';
return (...);
}, 32);
内容总结
以上是互联网集市为您收集整理的javascript-通过使用parsley.js每个字段支持多个自定义错误消息全部内容,希望文章能够帮你解决javascript-通过使用parsley.js每个字段支持多个自定义错误消息所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。