layui表单验证介绍(2)-木庄网络博客

效果和排序一样

<div class="layui-form-item">
            <label class="layui-form-label">余额(元)</label>
            <div class="layui-input-block">
                <input type="number" name="balance" id="balance" lay-verify="money"
                 autocomplete="off" placeholder="单位：元" 
                    class="layui-input" >
            </div>
        </div>

layui.use([ "form", "layer", "laydate" ], function() {
    laydate = layui.laydate;
    form = layui.form;
    layer = layui.layer;// 表单验证
    form.render();
    form.verify({
        lenth50 : function(value) {
            if (value.length > 50) {
                return '长度大于50！请重新输入';
            }
        },
        lenth400 : function(value) {
            if (value.length > 400) {
                return '长度大于400！请重新输入';
            }
        },
        money : function(value) {
            if (value.length > 0) {
                var reg = /(^[0-9]([0-9]+)?(\.[0-9]+)$)|(^(0){1}$)|(^([0-9]+)?$)/;
                if (!reg.test(value)) {
                    return '输入格式有误';
                }
            }
            if (value.length > 50) {
                return '长度大于50！请重新输入';
            }
        }
 
    });　　　　
    //下面这段代码主要是用于强制清除当用户输入0开头的数字，比如0000,02323，匹配到的话就为0
    //如果要在layui里面 写js事件之类的代码就一定要放在use组件模块里面，这是其中一个坑！
　　　　$('#balance').bind('input propertychange', function() {
　　　　        　var balance = $("#balance").val();     　　　　　　
　　　　        　var zero = /^(0){2,}$|^(0)([0-9])?$/;      　　　　　　
　　　　        　if (zero.test(balance)) {          　　　　　　
　　　　        　$('#balance').val(0);      　　　　　　
　　　　        　}  　　　　
　　　　        　});
 
});