新沂建设网站,代账公司网站模板,网站制作课程多少钱,产品销售类网站 模板目录
修改后的部分代码
修改后的完整代码 我编辑用户信息和添加新用户用的是同一个表单#xff0c;不同的是编辑用户信息里没有密码项和确认密码项#xff0c;但是把它们隐藏后仍然要进行验证#xff0c;也就是说它们俩的验证并没有随着表单项的隐藏而关闭。原因#xf…目录
修改后的部分代码
修改后的完整代码 我编辑用户信息和添加新用户用的是同一个表单不同的是编辑用户信息里没有密码项和确认密码项但是把它们隐藏后仍然要进行验证也就是说它们俩的验证并没有随着表单项的隐藏而关闭。原因关闭不彻底一共有两步。隐藏表单项的同时需要把表单项里的 lay-verify 属性改为空 修改后的部分代码 修改后的完整代码
!DOCTYPE html
% page languagejava pageEncodingUTF-8 contentTypetext/html;charsetutf-8 %
% include file../common/taglibs.jsp %html langzh
headmeta charsetutf-8meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1% include file../common/meta.jsp %
/head
body
div classlayui-btn-group layui-row idbtn_groupbutton typebutton classlayui-btn data-methodaddUser添加账号/button
/div
table classlayui-hide iduserTable/table
/body
div hidden idaddUserform classlayui-form action lay-filteraddUserForm idaddUserFormdiv classlayui-form-itemlabel classlayui-form-label真实姓名/labeldiv classlayui-input-blockinput typetext namerealname required lay-verifyrequired autocompleteoff classlayui-inputinput typetext nameid hidden/div/divdiv classlayui-form-itemlabel classlayui-form-label用户名/labeldiv classlayui-input-blockinput typetext nameusername required lay-verifyrequired autocompleteoff classlayui-input/div/divdiv classlayui-form-item lay-filteruserPaword iduserPawordlabel classlayui-form-label密码/labeldiv classlayui-input-blockinput typepassword namepaword required lay-verifyrequired autocompleteoff classlayui-input/div/divdiv classlayui-form-item lay-filterconfirmPaword idconfirmPawordlabel classlayui-form-label确认密码/labeldiv classlayui-input-blockinput typepassword lay-verifyrequired|confirmPass autocompleteoff placeholder确认密码 classlayui-input/div/divdivbutton typebutton data-methodaddUser lay-filterformVerify lay-submit styledisplay: none提交新用户表单或修改后的用户表单/button/div/form
/div
div hidden ideditPawordform classlayui-form action lay-filtereditPawordForm ideditPawordFormdiv classlayui-form-item lay-filterpawordlabel classlayui-form-label密码/labeldiv classlayui-input-blockinput typetext namepaword required lay-verifyrequired autocompleteoff classlayui-inputinput typetext nameid hidden/div/divdiv classlayui-form-item lay-filterconformPawordlabel classlayui-form-label确认密码/labeldiv classlayui-input-blockinput typepassword lay-verifyrequired|confirmPass autocompleteoff placeholder确认密码 classlayui-input/div/divdivbutton typebutton data-methodeditPaword lay-filterpasswordVerify lay-submit styledisplay: none提交修改后的密码/button/div/form
/div
scriptlayui.use([table,layer,form,laydate], function() {var table layui.table;var layer layui.layer;var $ layui.$;var form layui.form;var user{};form.verify({confirmPassword: function(value) {if($(input[namepaword]).val() ! value){return 两次输入的密码不一致!;}}});var userTable table.render({elem: #userTable,url:/user/list,method:post,data: JSON.stringify(user)//传递json类型的参数,contentType: application/json,cellMinWidth: 100 //全局定义常规单元格的最小宽度layui 2.2.1 新增,cols: [[{field:username, width:200, title: 用户名, sort: true},{field:realname, width:200, title: 真实姓名, sort: true},{field:lastLogineTime, width:200, title: 上次登录时间, sort: true},{field:createtime, width:200, title: 创建时间, sort: true},{width:300, title: 操作,templet:function(d){return button typebutton classlayui-btn layui-btn-sm singleBtn data-methodeditUser data-idd.idi classlayui-icon layui-icon-edit//buttonbutton typebutton classlayui-btn layui-btn-sm singleBtn data-methodeditPaword data-idd.idi classlayui-icon layui-icon-key //buttonbutton typebutton classlayui-btn layui-btn-sm singleBtn data-methoddeleteUser data-idd.idi classlayui-icon layui-icon-delete//button}}]],parseData: function(res){ //res 即为原始返回的数据return res},done: function(res, curr, count){//如果是异步请求数据方式res即为你接口返回的信息。//如果是直接赋值的方式res即为{data: [], count: 99} data为当前页数据、count为数据总长度console.log(res);//得到当前页码console.log(curr);//得到数据总量console.log(count);$(.singleBtn).on(click, function(){var othis $(this), method othis.data(method);active[method] ? active[method].call(this, othis) : ;});},page: true});function layerForm(){//多窗口模式层叠置顶layer.open({type: 1, title: 添加账号, content: $(#addUser), btn: [保存, 取消] //只是为了演示, area: [600px, 300px] //宽高,closeBtn: 0,success: function (layero, index) { // 弹出层打开后的回调函数layero.addClass(layui-form); // 为弹出层添加 layui-form 类layero.find(.layui-layer-btn0).attr({ // 修改“保存”按钮的属性lay-filter: formVerify, // 添加 lay-filter 属性设置为 formVerifylay-submit: // 添加 lay-submit 属性启用 layui 表单提交功能});form.render(); // 渲染表单}, yes: function () {form.on(submit(formVerify), function (data) { // 绑定表单提交事件var formData form.val(addUserForm);//form lay-filter属性console.log(formData);var layerui layer;$.ajax({url: /user/add,type: POST,data: JSON.stringify(formData),//传递json类型的参数contentType: application/json; charsetutf-8,dataType: json,success: function (result) {if(result.code COMMON_SUCCESS_CODE){layerui.msg(操作成功);userTable.reload()}else{layerui.alert(操作失败, {icon: 2});}layerui.closeAll();$(#addUserForm)[0].reset();form.render();}})})}, btn2: function () {layer.closeAll();$(#addUserForm)[0].reset();form.render();}});}//触发事件var active {addUser: function () {var that this;layerForm();},editUser:function(){var othis $(this), dataId othis.data(id);$(#userPaword).hide();$(#confirmPaword).hide();$(#userPaword input).attr(lay-verify, ); // 添加lay-verify属性,进行表单验证$(#confirmPaword input).attr(lay-verify, );$.ajax({url: /user/search/dataId,type: GET,contentType: application/json; charsetutf-8,success: function (result) {if(result.code COMMON_SUCCESS_CODE){var user result.data;//给表单赋值form.val(addUserForm, {username: user.username,realname: user.realname,id: user.id});layerForm();}else{layer.alert(数据获取失败, {icon: 2});}}});},editPaword: function () {var othis $(this), dataId othis.data(id);//多窗口模式层叠置顶layer.open({type: 1, title: 修改密码, content: $(#editPaword), btn: [保存, 取消] //只是为了演示, area: [600px, 300px] //宽高,closeBtn: 0,success: function (layero, index) { // 弹出层打开后的回调函数layero.addClass(layui-form); // 为弹出层添加 layui-form 类layero.find(.layui-layer-btn0).attr({ // 修改“保存”按钮的属性lay-filter: passwordVerify, // 添加 lay-filter 属性设置为 formVerifylay-submit: // 添加 lay-submit 属性启用 layui 表单提交功能});form.render(); // 渲染表单}, yes: function () {form.on(submit(passwordVerify), function (data) { // 绑定表单提交事件var formData form.val(editPawordForm);//form lay-filter属性console.log(formData);var layerui layer;$.ajax({url: /user/editPaword/dataId,type: POST,data: JSON.stringify(formData),//传递json类型的参数contentType: application/json; charsetutf-8,dataType: json,success: function (result) {if(result.code COMMON_SUCCESS_CODE){layerui.msg(操作成功);userTable.reload()}else{layerui.alert(操作失败, {icon: 2});}layerui.closeAll();$(#editPawordForm)[0].reset();form.render();}})})}, btn2: function () {layer.closeAll();$(#editPawordForm)[0].reset();form.render();}});},deleteUser: function(){var othis $(this), dataId othis.data(id);layer.confirm(确定删除, {btn: [确定, 取消] //可以无限个按钮,yes: function(index, layero){var layDelete layer;$.ajax({url: /user/delete/dataId,type: DELETE,contentType: application/json; charsetutf-8,success: function (result) {if(result.code COMMON_SUCCESS_CODE){userTable.reload()}else{layer.alert(删除失败, {icon: 2});}layDelete.closeAll();}})}, btn2: function(index, layero){layer.closeAll();}});}}$(#btn_group .layui-btn).on(click, function(){var othis $(this), method othis.data(method);active[method] ? active[method].call(this, othis) : ;});})
/script
/html
