• easyUI验证validatebox


    1.验证:用easyui-validatebox
    验证类型:

    验证规则是通过使用属性"required"或"validType"来定义的:


    (1).由required指定的
    required:true 是否启用非空验证


    (2).由validType指定的,示例validType:'email'
    email: 匹配电子邮件正则表达式规则
    url: 匹配URL正则表达式规则
    length[0,100]: 允许字符串长度的范围

    (3)自定义验证规则:

    重写$.fn.validatebox.defaults.rules 可以定义一个校验器的功
    能和无效消息。
    例:

    $.extend($.fn.validatebox.defaults.rules, {
    minLength: {
    validator: function(value, param){
    return value.length >= param[0];
    },
    message: 'Please enter at least {0} characters.'
    }
    });

    下面的代码表示输入的最小长度是5个字符:
    <input class="easyui-validatebox" validType="minLength
    [5]">

    属性:
    missingmessage 验证弹出信息
    invalidMessage 当文本框内容不合法时提示的文本信息

    方法:
    destroy:删除并且销毁组件
    validate:做验证以确定文本框的内容是否是有效的。
    isValid:调用验证方法并返回验证结果,true或者false

    应用:
    当获取到焦点时触发:

    $(function () {
    $('input.easyui-validatebox').validatebox 
    ('disableValidation').focus(function () { 
    $(this).validatebox('enableValidation'); }).blur(function 
    () { $(this).validatebox('validate') });
    });
    disableValidation:禁用验证
    enableValidation:开启验证

    验证属性总结:
            required: "必选字段",
            remote: "请修正该字段",
            email: "请输入正确格式的电子邮件",
            url: "请输入合法的网址",
            date: "请输入合法的日期",
            dateISO: "请输入合法的日期 (ISO).",
            number: "请输入合法的数字",
            digits: "只能输入整数",
            creditcard: "请输入合法的信用卡号",
            equalTo: "请再次输入相同的值",
            accept: "请输入拥有合法后缀名的字符串",
            maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
            minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
            rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
            range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
            max: jQuery.format("请输入一个最大为 {0} 的值"),
            min: jQuery.format("请输入一个最小为 {0} 的值")

    http://my.oschina.net/u/853107/blog/169770

  • 相关阅读:
    1接口编程
    EXCEL读写NPOI--导出功能
    EXCEL读写NPOI
    多条件查询
    基础数据管理
    C#经典入门第22章XML-1
    数据访问C#入门经典第21章-监控文件系统
    数据访问C#入门经典第21章-读写压缩数据
    Tensorflow笔记(基础):池化函数
    4.2 Tensorflow笔记:池化函数
  • 原文地址:https://www.cnblogs.com/tzq9308/p/4692045.html
Copyright © 2020-2023  润新知