我正在使用jQuery验证插件验证我的表单.它工作(放置错误消息,旁边的无效输入,这拧紧了我的设计),但我想为每个输入字段指定错误容器.我发现了errorLabelContainer,但这会将所有错误放在一个容器中.
让我们说,我有2个输入,一个是id名字,一个是名字.我们还假设我有2个错误跨度,其中包含ids errorName和errorFirstname.如何告诉jQuery将名称的验证错误写入带有id errorName的span中.
这是我目前的jQuery:
$("#form").validate({ errorLabelContainer: "#errors",rules: { name: { required: true },firstname: { required: true } },messages: { name: { required: "Enter name" },firstname: { required: "Enter firstname" } } })
解决方法
我认为errorPlacement选项适合您的需要:
Customize placement of created error labels. First argument: The created error label as a jQuery object. Second argument: The invalid element as a jQuery object.
您可以根据无效元素确定要放置错误的元素:
$("#form").validate({ rules: { name: { required: true },firstname: { required: true } },messages: { name: { required: "Enter name" },firstname: { required: "Enter firstname" } },errorPlacement: function ($error,$element) { var name = $element.attr("name"); $("#error" + name).append($error); } });
原文地址:https://www.jb51.cc/jquery/176363.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。