使用jQuery验证针对两个不同规则验证单个文本框会跳过第二条错误消息

乔·班克

考虑以下HTML:

<form id="frm">
    <input type="text" id="txt" name="txt" />
    <input type="submit" value="click me" />
</form>

我需要使用jQuery Validation Plugin v1.13.1和jQuery 1.7.2来针对2个不同的规则来验证文本框,因此:

$(function(){
    var validator = $('#frm').validate({
        errorPlacement: function (error, element) {
            element.attr('title', error.text());
        }
    });

    $.validator.addMethod('rule1', function (value, element) {
        return value != null && value.length;
    }, 'Rule 1 failed!');

    $.validator.addMethod('rule2', function (value, element) {
        return false;
    }, 'Rule 2 failed!');

    //Assign both rules to the text box.
    $('#txt').rules('add', { rule1: true, rule2: true });

    $('input[type="submit"]').click(function() {
        if(!validator.form()) {
            return false;
        }
    });
});
  • 单击上面的按钮(使文本框保持不变)。
  • 将鼠标悬停在文本框中,它表示Rule1失败。
  • 现在,在文本框中输入内容,以便Rule1正确验证。
  • 再次按下按钮。
  • 再次将鼠标悬停在文本框中。尽管Rule1已成功验证,但是它仍然说Rule1失败,而不是Rule2。

问题是为什么?这是关联的JSFiddle谢谢你。

阿萨德·赛义丁(Asad Saeeduddin)

默认情况下,jQuery验证尝试从元素的title属性中读取错误消息(如果存在)。当然,由于您要在标题中设置错误消息,因此该错误消息将永久存在。这种奇怪的行为显然现在已被弃用,不久将消失。

但是,与此同时,解决方法是ignoreTitle在创建验证器时使用该选项:

var validator = $('#frm').validate({
    ignoreTitle: true,
    ...
}

在这里查看小提琴:http : //jsfiddle.net/dp5pLr8x/4/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery验证针对两个不同规则验证单个文本框会跳过第二条错误消息

来自分类Dev

TcpClient是否使用单个连接?如何发送第二条消息?

来自分类Dev

Vue-router - 使用两条不同的路径,孩子不会从第二条路径加载

来自分类Dev

如何在两个节点之间添加第二条新边来更新旧边

来自分类Dev

如果使用PHP添加两个文本框,为什么会显示错误消息?

来自分类Dev

如何添加第二条JSON消息?

来自分类Dev

无法提醒第二条提醒消息

来自分类Dev

我无法在我的.htaccess文件中使用第二条重写规则

来自分类Dev

文本框通过两个按钮进行验证

来自分类Dev

使用jQuery表单规则验证文本框的显示时间

来自分类Dev

每个文本框的验证错误消息

来自分类Dev

每个文本框的验证错误消息

来自分类Dev

我想将第二条消息作为新消息发送给 Actor

来自分类Dev

无法通过TCP / IP发送第二条消息

来自分类Dev

git rebase squash接收第二条消息(如修正)

来自分类Dev

在第二条 SIAlertView 消息和 popViewController 后屏幕锁定

来自分类Dev

PLY - 添加第二条类似行时出现解析错误

来自分类Dev

Akka演员正在处理第二条消息,然后再处理第一条消息

来自分类Dev

第二条SQL语句未执行

来自分类Dev

获取满足sql查询的第二条记录

来自分类Dev

依赖倒置原则的第二条陈述

来自分类Dev

第二条CASE语句导致查询失败?

来自分类Dev

难以添加第二条路线

来自分类Dev

溶解第二条选择语句

来自分类Dev

根据第二条命令的输出触发事件

来自分类Dev

找不到第二条路线返回页面

来自分类Dev

第二条SQL语句未执行

来自分类Dev

依赖倒置原则的第二条陈述

来自分类Dev

Java Regex,提取第二条语句

Related 相关文章

热门标签

归档