1. 程式人生 > 實用技巧 >layui的button失效、layui繫結失效

layui的button失效、layui繫結失效

內容呢,就一句話。

因為不會報錯,所以這個坑,找了半天。。。。。。淦

button失效直接提交重新整理可能是沒加lay-submit 屬性。

<button class="layui-btn" lay-submit  lay-filter="demo2">確認</button>

 下面是無關緊要的js程式碼

 layui.use(['element', 'layer', 'form'], function () {
        var $ = layui.$
            , form = layui.form
            , layer = layui.layer
            , element = layui.element;
        
        //自定義驗證規則
        form.verify({
            pass: [
                /^[\S]{4,12}$/
                , '密碼必須4到12位,且不能出現空格'
            ],
            pwdv: function () {
                var pwd = $("input[name='pwd']").val();
                var pwd2 = $("input[name='pwd2']").val();
                debugger;
                if (pwd != pwd2) {
                    layer.tips('密碼不一致', $("input[name='pwd2']"));
                }
            }
        });
        //監聽提交
        form.on('submit(demo2)', function (data) {
            var postdata = {
                UserName: data.field.tel,
                Password: md5(data.field.pwd)
            }
            $.ajax({
                url: "/Login/SubmitData",
                type: "Post",
                data: postdata,
                dataType: "json",
                success: function (data) {
                    if (data.type == 1) {
                        layer.msg("註冊成功,正在前往登入");
                        setTimeout(function () {
                            window.location.href = "/Login/Index?tel=";
                        }, 500);
                    }
                    else {
                        layer.msg(data.message)
                    }
                }
            });

            return false;

        });
    })