精华内容
下载资源
问答
  • layer icon对应图标 信息(msg、alert、open、confirm) -1:不显示图标 0:感叹号 1:正确 2:错误 3:问号 4:密码 5:难过 6:微笑 16:加载样式 不是以上的数字,为0的图标,也就是感叹号图标 加载...

    官方文档是:信息框默认不显示图标。当你想显示图标时,默认皮肤可以传入0-6如果是加载层,可以传入0-2

    layer icon对应图标

    信息框(msg、alert、open、confirm)

    -1:不显示图标

    0:感叹号

    1:正确

    2:错误

    3:问号

    4:密码

    5:难过

    6:微笑

    16:加载样式

    不是以上的数字,为0的图标,也就是感叹号图标

    加载层(load)

    0-2,加载层0-2的样式不一样,如果不是0-2,样式默认为0的样式

    layer.load(0);
    layer.load(1);
    layer.load(2);

    layer anim对应动画

    anim: 0 平滑放大。默认
    anim: 1 从上掉落
    anim: 2 从最底部往上滑入
    anim: 3 从左滑入
    anim: 4 从左翻滚
    anim: 5 渐显
    anim: 6 抖动
    展开全文
  • 问题 在前后端分离的情况下ajax请求接口之后,可能需要弹出层提示用户错误信息(例如密码错误)。非前后端分离情况下,通常... 将js脚本写入视图页面(类似xss),然后再js脚本里面使用layui.layer。 代码 控制器 protec...

    问题

    在前后端分离的情况下ajax请求接口之后,可能需要弹出层提示用户错误信息(例如密码错误)。非前后端分离情况下,通常使用跳转新页面以显示错误信息。现有需求:非前后端分离情况下,实现弹出层提示信息且不遮挡原页面内容

    原理

    利用thinkphp $this->assign(); 将js脚本写入视图页面(类似xss),然后再js脚本里面使用layui.layer。

    代码

    控制器

    protected function showMsg($msg){
            $jqueryFile = "<script src='".__ROOT__."/Public/jquery.js'></script>"; //引入js
            $layerFile = "<script src='".__ROOT__."/Public/layer/layer.js'></script>"; //引入 layer
            $layerScript = "<script>layer.msg('".$msg."');</script>";
            $this->assign('jqueryFile',$jqueryFile);
            $this->assign('layerFile',$layerFile);
            $this->assign('layerScript',$layerScript);
        }
    

    视图({$layerScript}必须放在页面最后)
    注意{$layerScript}必须放在页面最后
    使用

    public function index(){
    	$this->showMsg("hello");
    }
    

    效果图
    在这里插入图片描述
    其他效果
    A

    $layerScript = "<script>var ii = layer.load();setTimeout(function(){layer.close(ii);}, 2000);</script>";
    

    在这里插入图片描述
    B

    $layerScript = "<script>layer.open({type: 1,area: ['600px', '360px'],shadeClose: true,content: '\<\div style=\"padding:20px;\">自定义内容\<\/div>'});</script>";
            
    

    在这里插入图片描述

    layer下载地址 http://layer.layui.com/

    展开全文
  • 弹出提示错误 function qxMsg(msgStr) { layer.open({ type: 1, title: '提示消息', offset: '10%;', content: '<div xss=removed>'+msgStr+'</div>', btn: '关闭', btnAlign: 'c', shade: 0.2, yes: ...
  • //基于layer框架之上,验证表单...弹出提示错误 function qxMsg(msgStr) { layer.open({ type: 1, title: '提示消息', offset: '10%;', content: '<div style="padding: 20px 80px;">'+msgStr+'<...
    //基于layer框架之上,验证表单时引用。弹出提示错误
    function qxMsg(msgStr) {
      layer.open({
        type: 1,
        title: '提示消息',
        offset: '10%;',
        content: '<div style="padding: 20px 80px;">'+msgStr+'</div>',
        btn: '关闭',
        btnAlign: 'c',
        shade: 0.2,
        yes: function() {
          layer.closeAll();
        }
      });
    }
    

      上边是封装好的layer方法,下边是结合表单开始验证

    //表单验证
    function checkForm() {
      var err = "";
      if(!$('input[name="ggName"]').val()) {
        err += "<br/>名称不能为空";
      }
      if(!$('input[name="isId"]').val()) {
        err += "<br/>空间分类不能为空";
      }
      if(err) {
        err = err.substring(5);
        qxMsg(err);
        return 0;
      }
      return 1;
    }
    

      在ajax提交表单之前调checkForm方法即可,如:

    //提交新增数据
    function addGgBaseModel() {
      var flag = checkForm();
      if(flag == 0) return;
      var formData = new FormData(document.getElementById("myform"));
      formData.append("SysType", "10101");
      formData.append("SysName", "qxPC");
      formData.append("ModuleName", "规格型号");
      $.ajax({
        type: 'post',
        url: _URL_BASE + '/ggBaseModel/addGgBaseModel ',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        dataType: 'json',
        success: function(retData) {
          console.log(retData);
          if(retData.ReturnType == "1001") {
            qxMsg("添加成功");
            $(".layui-layer-btn0").click(function() {
              $('.modal-backdrop').remove();
              $("#myModal").hide();
              getGgBaseModel();
            })
          } else if(retData.ReturnType == "4004") {
            kickout();
          } else {
            qxMsg(retData.Message);
          }
        },
        error: function(retData) {
          qxMsg("提交数据出错");
        }
      });
    };
    

      

    转载于:https://www.cnblogs.com/TigerZhang-home/p/8301408.html

    展开全文
  • //基于layer框架之上,验证表单...弹出提示错误 function qxMsg(msgStr,callback) { layer.open({ type: 1, title: '提示消息', offset: '10%;', content: '<div style="padding: 20px 80px;">'+ms...
    //基于layer框架之上,验证表单时引用。弹出提示错误
    function qxMsg(msgStr,callback) {
      layer.open({
        type: 1,
        title: '提示消息',
        offset: '10%;',
        content: '<div style="padding: 20px 80px;">'+msgStr+'</div>',
        btn: '确定',
        btnAlign: 'c',
        shade: 0.2,
        yes: function() {
          layer.closeAll();
           if (callback) callback();
        }
      });
    }

    可以用于网页弹框提示

    需引入layer.js文件

    转载于:https://www.cnblogs.com/TigerZhang-home/p/8624785.html

    展开全文
  • 那么想到的就是用户操作如果出现错误的话就会出现这么一个提示框,当然也不只是用户使用过程中操作错误的时候会出现,其实当需要填的内容用户没有填写完整的时候也会弹出一个提示框,或者用户操作错误的时候弹出一个...
  • 以下是js代码,首先获取所有节点,再设置只有当前点击的节点状态为选中... $.ajax({ type: 'get', url: url, error: function(err){ ... layer.alert(JSON.stringify(err.field), { ... title: '错误提示' }) ...
  • 上次实现了添加商品类型的功能,但是不足的是,不能在前端显示出添加错误和成功的信息,这篇博客将完成添加成功的失败显示的提示框 导入layer 导入资源文件layer,导入到web-INF下 在ProductTypeManage.jsp中加入...
  • 提示错误信息,在于进行 (设计 -> 板子形状 -> 按照选定对象定义)时,未选择对象 界面办法 先点击keep out layer 切换至禁止布线层,画好外,再选中整个图形(Ctrl + A),点击设计,板子形状,按照...
  •  6、系统提示框,统一使用layer显示;  8、修复用户下单可获得积分BUG;  9、完善地区的首字母自动获取规则;  11、系统所有上传控件全部替换成百度上传;  12、修复后台店铺管理权限的BUG;  13、修复...
  • 如果是选中的图片,则内容html是图片的二进制,并且还比较长,websocket自动关闭了,提示错误是:**发送内容太长**? 有大神做过没有呢,请指教!!!!! 其他的都还好,就是内容太长,websocket连接会被强制...
  • AutoLISP学习导引.pdf

    2015-07-18 22:45:17
    错误信息 333 重点复习 335 进阶挑战 336 对话框操控函数 337 对话框函数调用顺序 337 标准的对话框调用语句 337 打开及关闭对话框的函数 338 加载dcl文件 338 打开对话框 338 显示对话框 339 卸载dcl文件 339 ...
  • flash shiti

    2014-03-14 10:32:41
    30.Flash为变形过渡动画中的矢量图形设置形状提示的快捷操作是? A. Ctrl+Alt+S B. Ctrl+Shift+Z C. Ctrl+H D. Ctrl+Shift+Up 31.下图所示的对话框是什麽对话框? A. 笔刷样式编辑对话框 B. 线样式编辑对话框 ...
  • lt0604:恩,这个方法来解决这个登录权限跳转问题是可以,但目前没按这种方式来走,因为在java dwr 调用里面会抛出多种类型的异常,而且前台有根据异常会给出相应的提示信息的需求。 xyz20003:要的就是这个思路,...
  •  6.3.7 图像的提示文字——alt 110  6.4 图像的超链接 111  6.4.1 设置图像的超链接 111  6.4.2 设置图像热区链接 112  6.5 小结 116  6.6 习题 116  第7章 表格的应用 118  教学录像:48分钟  7.1 创建...
  • 3.2.1 从一个错误说起 42 3.2.2 函数的委托 43 3.3 数组及集合 44 3.3.1 JavaScript数组 45 3.3.2 Ext JS集合操作 46 3.4 String的转换 50 3.4.1 String转换的基本知识 50 3.4.2 String和JSON转换 50 3.4.3...
  • arcgis工具

    2012-10-22 22:37:31
    右键点击数据,在环境菜单中选择高级绘制选项(Advanced Drawing Options),用注记的模版图层去遮盖线图层,确定 23.同一图层使用Clip实现图斑的无缝拼接 当一个图斑的边界确定,需要实现两个图斑的无缝拼接时...
  • 机器学习qq群:704220115(我们有11个群,加过一个就不需要加了,若满员这个群会有提示新群号) 深度学习笔记目录 第一门课 神经网络和深度学习(Neural Networks and Deep Learning) 第一周:深度学习引言...
  • 单元测试时候提示错误: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'MsuserService' defined in file [D:\workspace\MS2\src\org\ag\ms\test\WEB-INF\...
  • SECURITY OPTION(检测密码方式)如设定为SETUP,则每次打开机器时屏幕均会提示输入口令(普通用户口令或超级用户口令,普通用户无权修改BIOS设置),不知道口令则无法使用机器;如设定为SYSTEM则只有在用户想进入BIOS设置...

空空如也

空空如也

1 2
收藏数 22
精华内容 8
关键字:

layer错误提示框