文档章节

我的LayUI2.0的1天使用记录

即将下岗的码农
 即将下岗的码农
发布于 2017/08/24 16:37
字数 386
阅读 344
收藏 0

暂时用到了layui的弹窗和表单,弹窗功能还是很好的,表单似乎在加载外部编辑器方面可能在验证方面存在点问题 输入图片说明

附上弹窗部分的代码

layui.use(['jquery','form','layer'], function(){
  var form = layui.form;
  var $= layui.jquery;
  var layer = layui.layer;
  form.on('submit(*)', function(data){
  	$.post("./index.php?route=Common/doregister",data.field,function(dat){
  		$("#registerform").hide();
  		if(dat){
  			layer.open({
				  title: '成功提示'
				  ,content: '恭喜!你已经成功注册成为会员啦!'
				  ,icon: 6
				  ,yes: function(index, layero){
				    window.parent.location.href="./";
				  }
				});  
  		}else{
  			layer.open({
				  title: '错误提示'
				  ,content: '遗憾!该用户名已被占用啦!'
				  ,icon: 5
				  ,yes: function(index, layero){
				    window.parent.location.href="./";
				  }
				});  
  		}
  	})
	  return false; 
	});
});

输入图片说明

表单部分的代码

layui.use(['form','layedit'], function(){
  var form = layui.form;
	var layedit = layui.layedit;
	var rel = layedit.build('desc'); 
	form.verify({
   desc:function (value) {
   	layedit.sync(rel);
   	value = layedit.getContent(rel)
   	if(value.replace(/[\s| ]/g,'')==''){
   		return '必填项不能为空';
   	}
   }
	})
  form.on('submit(formpost)', function(data){
    console.log(data.field)
    return false;
  });
});

这里如果加载外部编辑器,似乎不能使用验证不能为空?

此外,导航菜单Nav显示出了作者的偏爱(个人风格),我怎么都去除不了底部的绿色的bar, 整体网站的排版和bootstrap差不多,很多地方需要自己来写class覆盖的,不能完全依靠这些UI,

就这些,其他功能还没用到

【结束语】

我试过同时加载layui和bootstrap,部分样式会有冲突的,貌似只能二选一

【LayUI中的1个BUG提交】 表单中加载了自带的富文本编辑器,点击‘重置时’,text、select都可以重置,唯独富文本编辑器里的内容不能重置

© 著作权归作者所有

即将下岗的码农

即将下岗的码农

粉丝 49
博文 3
码字总数 505
作品 6
常熟
私信 提问
加载中

评论(1)

平安OSC
平安OSC
看看这冗长的语法,你再去看看Vue,Vue真香
问一个需求的思路,算是时间切分吧

最近有一个需求,是做一个报表,该报表需要统率某个测试机一天24小时内的使用率,就是需要判断24小时之内从开始测试产品到结束测试之间这段时间在24小时内所占的比例.然后将所有测试机进行统计,...

Tedd
2013/06/08
206
1
这就是我们叫做"祖国"的地方

今天,keso在他的Blog里写了三件事。 第一件事 Blogbus遭遇"文化执法"。 (在永嘉路383号的上海市文化市场行政执法总队,)他们说没有许可证就要罚款,还找了一些我们用户上传的文件地址---...

阮一峰
2007/01/13
0
0
Laravel缔造者:我是如何高效工作的

摘要:PHP web 开发框架 Laravel 的创造者 Taylor Otwell 是全职在家写Laravel的,本文展示了他是如何工作的其中涉及了大量的开发工具供大家借鉴:从早上8点工作到下午5点,他的主力开发机器...

SDK.cn
2017/12/26
0
0
memcache如何加速列表分页?

segmentfault上问了一天也没人理会,是太简单了不屑于答么。。。 只好贴到这来,求前辈解答,谢谢! --------------------------------------------------------------------------- 最近刚开...

龙1987asd
2016/03/01
582
2
使用Python实现自动化截取Windows系统屏幕

文章首发于我的技术博客:你可以在上面看到更多的Python教程和python爬虫 自动化截屏有什么用呢?为什么要实现自动化截屏呢?其实,在某些特殊的场景下,记录电脑使用者的操作还是很有必要的...

呆木木人儿
03/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Command模式

https://www.cnblogs.com/devinzhang/archive/2012/01/06/2315235.html

南桥北木
46分钟前
1
0
由于PostgreSQL9.x二进制输出格式默认值改变导致的读取图片错误

今天从社区邮件看到一个这样的问题,感觉很有意思,在这分享给大家~具体如下: 问题现象: 作者有一个很老的Java应用,当时后端采用的PostgreSQL数据库版本为8.x,该系统除了正常的数据增删...

闻术苑
今天
2
0
导入sql时出现Invalid default value for 'create_time'报错处理方法

当运行SQL会出现:[Err] 1067 - Invalid default value for 'create_time',是因为Mysql版本不同,如果版本不 < 5.6请去的话报错的处理方法如下: 方法 :alter table table_name modify cre......

writeademo
今天
1
0
对ssm(spring,springmvc,mybatis)的了解总结

ssm框架现在是java web开发的三个主流框架 ,其实严格来算只算是两个框架,因为springmvc属于spring框架 ,是spring的一个mvc子框架 那么我们下面就来了解一下三大框架把 一 .Spring spring...

咸鱼-李y
今天
2
0
聊聊Elasticsearch的FsProbe

序 本文主要研究一下Elasticsearch的FsProbe FsProbe elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/fs/FsProbe.java public class FsProbe { private static f......

go4it
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部