jquery easy-ui validatebox使用说明

最新推荐文章于 2018-12-03 22:01:49 发布

sd6275832ght

最新推荐文章于 2018-12-03 22:01:49 发布

阅读量414

点赞数

本文链接：https://blog.csdn.net/sd6275832ght/article/details/83861972

版权

首先引入css 和相应的 js

<link href="css/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="css/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="jq/jquery.min.js" type="text/javascript"></script>
    <script src="jq/jquery.easyui.min.js" type="text/javascript"></script>

基本属性与使用方法如下

    <script type="text/javascript">
        $(function () {
            LoadData();//通过js 的方式 加载validatebox
            CheckValid();//自定义验证规则
            $('#btnClick').click(function () {
                var isValited = $('#tt').validatebox('isValid');
                if (isValited == true) {
                    alert('email输入正确');
                    //                    $('#tt').validatebox('disableValidation'); //禁用验证
                    //                    $('#tt').validatebox('enableValidation');//启用验证
                }
                else {
                    alert('email输入不正确');
                }
            });
        });
    function LoadData() {
        $('#tt').validatebox({
            required: true,//定义必填字段 默认为false
            //            validType:'remote["url","parm"]',程服务器验证,第一个参数是远程文件，第二个参数数输入框name值  远程返回true通过，返回false不通过
            validType: 'email', //定义为验证类型 如：email,url,length[0,100],remote[url,parm]
            missingMessage:'文本框内容不能为空',//文本框为空的提示信息
            invalidMessage: '输入的内容不是email',//文本框验证失败的提示信息
            tipPosition: 'right', //定义文本框无效时候默认的提示信息的位置，默认为right  有效值为 left,right
            deltax:50,//提示框水平方向的位置
            novalidate:false// 是否关闭验证功能，为true 关闭验证  默认为false 
        });
        function CheckValid() {
            $.extend($.fn.validatebox.defaults.rules, {
                minlength: {  //自定义验证名称
                 
                    validator: function (value, param) {
                        return value.length >= param[0];
                        //此函数的参数 value 为接收输入的字符, param为使用自定义传来的位数
                    }
                },
                message: '长度不能小于{0}'
            });
        }
    }
    </script>