thinkphp3.2 layer 添加 内容示例

<script src="/Public/layer/layer.js"></script>
<script>
    $(document).ready(function () {
        //输入框失去焦点
        $("form .form-control").blur(function () {
            if ($(this).val().length <= 0) {
                $(this).css({borderColor: "red"});
            } else {
                $(this).css({borderColor: ""});
            }
        });
        //输入框获取焦点
        $("form .form-control").focus(function () {
            $(this).css({borderColor: ""});
        });
        //提交按钮检查数据
        $("form").submit(function () {
            var error = "";
            var inputs = $("form .form-control");
            for (var i = 0; i < inputs.length; i++) {
                var obj = $(inputs[i])
                if (!(obj.val())) {
                    var attrname = obj.attr("placeholder");
                    obj.css({borderColor: "red"});
                    error += "&nbsp;&nbsp;" + attrname + "不能为空!" + "<br>";
                }
            }
            if (error) {
                //alert(error);
                layer.alert(error, {
                    title: "错误信息",
                    icon: 2,
                    skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
                })
                return false;
            } else {
                $.ajax({
                    data: $("form").serialize(),
                    method: "post",
                    url: "",
                    dataType: "json",
                    success: function (res) {
                        if (res.code == 1) {
                            layer.alert(res.msg, {
                                title: "友情提示",
                                icon: 1,
                                closeBtn: 0}, function () {
                                location.href="{:U('book/index')}";
                            });

                        } else {
                            layer.alert(res.msg, {
                                title: "友情提示",
                                icon: 2,
                            });
                        }
                    },
                    error: function (res) {
                        layer.alert('请求失败', {
                            title: "友情提示",
                            icon: 2,
                        });
                    },
                })
                return false;
            }

        })

    });

</script>