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