zoukankan      html  css  js  c++  java
  • Nice Jquery Validator 事件

    订阅

    .on("validation")

    描述:每次验证完一个字段,都会触发 validation 事件,通过该事件可以获取到当前验证字段的验证结果。

    示例

    $('#form').on('validation', function(e, current){
        var form = this;
        // form 中是否所有字段都验证通过
        console.log(form.isValid);
        // 当前验证字段是否通过
        console.log(current.isValid);
    
        // 打印其他属性
        console.log(current.element);
        console.log(current.value);
        console.log(current.msg);
    });


    .on("valid.form")

    描述:在表单验证通过后触发
    示例

    $('#form').on('valid.form', function(e, form){
        //do something...
    });

    .on("invalid.form")

    描述:在表单验证不通过后触发
    示例

    $('#form').on('invalid.form', function(e, form, errors){
        //do something...
    });

    .on("valid.field")

    描述:在字段验证通过后触发
    示例

    $('#username').on('valid.field', function(e, result){
        //do something...
    });

    .on("invalid.field")

    描述:在字段验证不通过后触发
    示例

    $('#username').on('invalid.field', function(e, result){
        //do something...
    });

    .on("valid.rule")

    描述:在规则验证通过后触发

    示例

    $('#username').on('valid.rule', function(e, ruleName){
        if (ruleName === 'remote') {
            //do something...
        }
    });

    .on("invalid.rule")

    描述:在规则验证不通过后触发
    示例

    $('#username').on('invalid.rule', function(e, ruleName){
        if (ruleName === 'remote') {
            //do something...
        }
    });

    发布

    .trigger("validate")

    描述:触发字段执行验证
    示例

    // Verify the selected field.
    $('#username').trigger("validate");
    // Verify the selected form.
    $('#form').trigger("validate");
    // Verify the selected area.
    $('#area').trigger("validate");

    .trigger("showmsg", [type, message])

    支持v0.8.0+
    描述:触发字段提示消息
    示例

    // Tips ok message
    $("#username").trigger("showmsg", ["ok", "Great name"]);
    // Tips error message
    $("#username").trigger("showmsg", ["error", "Name is already taken"]);
    // Tips general message
    $("#username").trigger("showmsg", ["tip", "Others make a good name for you impressed"]);
    // Tips tip message has been bound (data-tip)
    $("#username").trigger("showmsg", ["tip"]);
    // Tips all tip message
    $("#form").trigger("showmsg", ["tip"]);


    .trigger("hidemsg")

    支持v0.8.0+
    描述:触发字段隐藏消息
    示例

    // Hide field message
    $("#username").trigger("hidemsg");
    // Hide all messages form the form
    $("#form").trigger("hidemsg");


  • 相关阅读:
    Spring Boot发布2.6.2、2.5.8:升级log4j2到2.17.0
    如何优雅地读写HttpServletRequest和HttpServletResponse的请求体
    更快的Maven来了
    Spring Cloud Gateway过滤器精确控制异常返回(实战,控制http返回码和message字段)
    NumPy学习笔记
    来自Java程序员的Python新手入门小结
    Java应用日志如何与Jaeger的trace关联
    Jaeger知识点补充
    分布式调用链跟踪工具Jaeger?两分钟极速体验
    Spring Cloud Gateway过滤器精确控制异常返回(实战,完全定制返回body)
  • 原文地址:https://www.cnblogs.com/feixiablog/p/8990501.html
Copyright © 2011-2022 走看看