easyui控件常用验证

1*自定义验证

 

 $.extend($.fn.validatebox.defaults.rules, {
            percent: {//验证测试
                validator: function (value) {
                    return /^\d{0,3}.\d{2}$/.test(value);
                },
                message: '格式不正确，必须填写两位小数！'
            }
        })

 1-2 动态添加自定义验证

 var options = {
        validType: 'length[0,25]',
        message: '明细不能超过25个字符！'
    }
    $(test).textbox(options);

 

2*百分数验证

    <input id="test" name="test" class="easyui-numberbox"
           data-options="required:true,min:0,max:100,precision:2" style="width: 40px;" />%

   {
                    field: 'FirstLevelDevelop', title: '测试', width: '20%', halign: 'center', align: 'center', formatter: function (value, row, index) {
                        if (value == null) {
                            return '<span title="' + value + '">--</span>';
                        }
                        else {
                            return '<span title="' + value + '">' + parseFloat(value * 100).toFixed(2) + '%' + '</span>';
                        }
                    }
                }

 

 

3*字符串验证

<input id="Remark" name="Remark" class="easyui-textbox"
       data-options="required:true,validType:'length[0,50]'" style="width: 260px; height: 60px;" />

 4*数字框限制输入的长度

<input class="easyui-numberbox" precision="2" value="666" id="txt">
<script>
    $(function () {
        $('#txt').numberbox('textbox').attr('maxlength', 5);
    });
</script>