好资源导航 » 文章资讯 » 通过layer实现可输入的模态框的例子

通过layer实现可输入的模态框的例子

2023-08-13 13:01:04 59

废话不多说，我就直接上代码吧！

<%@pagecontentType="text/html;charset=UTF-8"language="java"%>
<%@taglibprefix="s"uri="/struts-tags"%>










模态框---父层
<%----%>












姓名(*)：

部门(*)：岗位(*)：

账户(*)：

密码(*)：

状态(*)：正常禁言关闭删除头像

手机(*)：

邮箱(*)：

描述： /*弹出模态框*/ functioncheck(){ layer.open({ type:1, title:'用户信息', area:['700px','700px'], shadeClose:false,//点击遮罩关闭 content:$('#addmain'), btn:['确定','取消'], yes:function(index,layero){//添加人员 //做数据校验 vareamilreg=/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; varreg=/^[A-Za-z]+$/; varmobilereg=/^1[34587][0-9]{9}$/; varid=$("#id").val(); varrealName=$("#realName").val(); vardescription=$("#description").val(); vardeptId=$("#deptId").val(); varpositionId=$("#positionId").val(); varuserState=$("#userState").val(); varemail=$("#email").val(); varmobile=$("#mobile").val(); varpassword=$("#password").val(); varusername=$("#username").val(); if(!realName){ layer.confirm("姓名不能为空！"); }elseif(!deptId){ layer.msg("请选择部门！"); }elseif(!username){ layer.msg("账户不能为空！"); }elseif(!password&&!id){ layer.msg("请设置密码！"); }elseif(password.length>0&&(password.length<8||reg.test(password)||!isNaN(password)||password.length>20)){ layer.msg("密码应在8位至20位之间，且为数字与字母的组合！"); }elseif(!mobile){ layer.confirm("手机不能为空！"); }elseif(!mobilereg.test(mobile)){ layer.msg("请输入有效的手机号！"); }elseif(!email){ layer.msg("邮箱不能为空！"); }elseif(!eamilreg.test(email)){ layer.msg("请输入有效的邮箱！"); }elseif(description&&description.length>500){ layer.msg("描述文字不能超过500个汉字！"); }else{ $("#adduser").submit(); } }, btn2:function(index,layero){ return; }, cancel:function(){ return; }, end:function(){ $('#addmain').css("display","none"); } }); }

以上这篇通过layer实现可输入的模态框的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

通过layer实现可输入的模态框的例子

热门推荐

随机推荐