EasyUI

Posted 2020-10-25 weslie

validatebox

 

//配置邮箱验证
<input id="vv" class="easyui-validatebox" data-options="required:true,validType:‘email‘">

//验证表单
var result = $("#form1").form(‘validate‘);//验证结果为boolean

 

• 自定义验证规则

 

 

combobox 

<input id="category" name="category" class="easyui-combobox"
           data-options="
　　　　　　　 　　valueField:‘dictValue‘,
             　　textField:‘dictDesc‘,
　　　　　　　　　　url:‘${request.contextPath}/dict/list/dict?dictCode=JADE_CATEGORY‘,//加载数据地址
　　　　　　　　　　required:true,//要求必填项
　　　　　　　　　　value:2//选中值为2的选项，如${(jadeDetail.category)}
　　　　　　　　　　"
　　　　　　　　　　/>

 

filebox

<input name="file" class="easyui-filebox" validType="fileSize:[10,‘MB‘]">

$(‘#file‘).filebox({
        required : true,
        width : ‘300px‘,
        multiple : true,
        validType : [‘fileSize[1024,"kb"]‘ ],
        buttonText : ‘请选择‘,
        buttonAlign : ‘right‘,
        prompt : ‘请选择一个图片类型的文件‘,
        accept : [ ‘image/jpg‘, ‘image/bmp‘, ‘image/jpeg‘, ‘image/gif‘, ‘image/png‘ ]//或者‘image/*‘，所有图片格式
});

$.extend($.fn.validatebox.defaults.rules, {
    // filebox验证文件大小的规则函数
    // 如：validType : [‘fileSize[1,"MB"]‘]
    fileSize: {
        validator: function (value, array) {
            var size = array[0];
            var unit = array[1];
            if (!size || isNaN(size) || size == 0) {
                $.error(‘验证文件大小的值不能为 "‘ + size + ‘"‘);
            } else if (!unit) {
                $.error(‘请指定验证文件大小的单位‘);
            }
            var index = -1;
            var unitArr = new Array("bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb");
            for (var i = 0; i < unitArr.length; i++) {
                if (unitArr[i] == unit.toLowerCase()) {
                    index = i;
                    break;
                }
            }
            if (index == -1) {
                $.error(‘请指定正确的验证文件大小的单位：["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"]‘);
            }
            // 转换为bytes公式
            var formula = 1;
            while (index > 0) {
                formula = formula * 1024;
                index--;
            }
            // this为页面上能看到文件名称的文本框，而非真实的file
            // $(this).next()是file元素
            return $(this).next().get(0).files[0].size < parseFloat(size) * formula;
        },
        message: ‘文件大小必须小于 {0}{1}‘
    }
});