如何使parsleyjs仅在模糊时触发验证(对于已通过验证的字段)

比利

我试图找出如何使parsleyjs只触发验证的模糊对于具有场已经验证失败。

参见http://jsfiddle.net/billyroebuck/zbmv2d3w/

标记:

<form id="myform">
    <label for="email">Email</label>
    <input type="email" name="email"
        data-parsley-required="true"
        data-parsley-type="email"
        data-parsley-custom
        data-parsley-trigger="blur"
    />
    <input type="submit" />
</form>

JavaScript:

window.Parsley.addValidator('custom',
function (value, requirement) {
    console.log('custom validation triggered');
    sleepFor(3000); // simulate a delay (testing only)
    if (value == '[email protected]') {
        console.log('custom validation failed');
        return false;
    }
    console.log('custom validation passed');
    return true;
}, 32)
    .addMessage('en', 'custom', 'custom validation failed');

$('#myform').parsley();

function sleepFor(sleepDuration) {
    console.log('pretend this takes a while...');
    var now = new Date().getTime();
    while (new Date().getTime() < now + sleepDuration) { /* do nothing */
    }
}

parsleyjs版本2.2.0-rc1

电子邮件字段具有验证规则以检查:

  • 提供了一个值,
  • 输入的值是有效的电子邮件地址,
  • 一些自定义规则(假装这是AJAX请求)

我将此字段的parsley-trigger属性设置为模糊。

脚步:

  • 打开控制台
  • 在上方的电子邮件字段中输入“ [email protected]”,然后按Tab
  • 请注意,触发了自定义验证(良好)
  • 在电子邮件字段中输入“ xyz”,然后按Tab
  • 注意香菜类型验证开始(良好)
  • 在电子邮件字段中输入“ [email protected]”查看控制台
  • 请注意,自定义验证是在输入成为有效电子邮件(在这种情况下,当您按.com中的字母c时)后触发的:

如何确保仅在模糊事件的无效字段上触发了验证?

提前致谢!

马克·安德烈·拉福尔敦

恐怕目前没有这样的选择。想法是尽快删除错误消息,并且每个人似乎都喜欢这样。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Aurelia:跳出时触发验证(模糊事件)

来自分类Dev

使用Angular验证模糊时的输入字段

来自分类Dev

我如何使用Rails仅在注册时验证某些字段

来自分类Dev

KnockoutJS仅在字段部分完成时验证

来自分类Dev

KnockoutJS仅在字段部分完成时验证

来自分类Dev

如何让角度$ asyncValidator在模糊时触发但在输入时使用常规验证器

来自分类Dev

使用onBlur触发器时,如何清除模糊验证错误?

来自分类Dev

仅在更新时验证

来自分类Dev

仅在更新时验证

来自分类Dev

如何验证该字段大于仅在检查特定按钮时才有效

来自分类Dev

Symfony3仅在添加对象时验证字段

来自分类Dev

按钮提交时将触发必填字段验证器

来自分类Dev

验证模糊

来自分类Dev

验证模糊

来自分类Dev

使用parsleyjs onkeyup进行验证

来自分类Dev

如何从表单验证中排除字段但保存已清理的数据

来自分类Dev

验证根是否已加密或仅在本地-

来自分类Dev

验证根是否已加密或仅在本地-

来自分类Dev

Bootstrap下拉菜单:如何在悬停时触发,但仅在已打开时触发

来自分类Dev

我该如何通过验证删除触发器

来自分类Dev

流星:如何检测用户是否已通过身份验证

来自分类Dev

如何判断单元格值是否已通过验证

来自分类Dev

如何在Ruby中正确编写仅在创建时验证

来自分类Dev

如何在签出按钮单击时触发表单验证

来自分类Dev

jQuery验证仅在第二次提交时触发

来自分类Dev

Rails:仅在创建时或在字段不为空时更新时验证

来自分类Dev

如何突出显示未通过Struts2验证的字段?

来自分类Dev

如何创建通过方法(def)验证的增量字段(序列)

来自分类Dev

使用常规按钮通过ParsleyJS验证表单(不是“输入”类型的按钮)

Related 相关文章

热门标签

归档