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

原创
2017/08/24 16:37
阅读数 1K

暂时用到了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都可以重置,唯独富文本编辑器里的内容不能重置

展开阅读全文
加载中
点击加入讨论🔥(1) 发布并加入讨论🔥
1 评论
0 收藏
0
分享
返回顶部
顶部