欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決layer彈出層中表單不起作用的問題

 更新時間：2019年09月09日 16:17:58   作者：qq_37059367  
今天小編就為大家分享一篇解決layer彈出層中表單不起作用的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

var html = '<form class="layui-form" action="">'
			+ '<div class="layui-form-item"><label class="layui-form-label">角色名</label><div class="layui-input-block"><input type="text" name="rolename" required lay-verify="required" placeholder="請輸入角色名" autocomplete="off" class="layui-input"></div></div>'
			+ '<div class="layui-form-item layui-form-text"><label class="layui-form-label">角色描述</label><div class="layui-input-block"><textarea name="roledesc" placeholder="請輸入角色描述" class="layui-textarea"></textarea></div></div>'
			+ '<div class="layui-form-item"><label class="layui-form-label">是否啟用</label><div class="layui-input-block"><input type="checkbox" name="switch" lay-skin="switch" lay-text="開啟|關(guān)閉"></div></div>'
			+ '<div class="layui-form-item" hidden><div class="layui-input-block"><button id="addRole" class="layui-btn" lay-submit lay-filter="formDemo">提交</button></div></div>'
			+ '</form>';
 
	layer.open({
		type : 0,
		title : '添加角色',
		area : [ '500px', '400px' ],
		shadeClose : true, // 點擊遮罩關(guān)閉
		content : html,
		btn : [ '確認', '取消' ],
		success : function(index, layero) { // 成功彈出后回調(diào)
			form.render('checkbox'); // 刷新checkbox開關(guān)渲染(否則開關(guān)按鈕會不顯示)
		},
		yes : function(index, layero) { // 確認按鈕回調(diào)函數(shù)
			layero.find('#addRole').click();
		},
		btn2 : function(index, layero) { // 取消按鈕回調(diào)函數(shù)
			layer.close(index); // 關(guān)閉彈出層
		}
	});

我的彈出層表單驗證不起作用的原因是將彈框參數(shù)type設(shè)置成0了，將type改為1之后表單就起作用了

layer.open({
		type : 1,
		title : '添加角色',
		area : [ '500px', '400px' ],
		shadeClose : true, // 點擊遮罩關(guān)閉
		content : html,
		btn : [ '確認', '取消' ],
		success : function(index, layero) { // 成功彈出后回調(diào)
			form.render('checkbox'); // 刷新checkbox開關(guān)渲染(否則開關(guān)按鈕會不顯示)
		},
		yes : function(index, layero) { // 確認按鈕回調(diào)函數(shù)
			layero.find('#addRole').click();
		},
		btn2 : function(index, layero) { // 取消按鈕回調(diào)函數(shù)
			layer.close(index); // 關(guān)閉彈出層
		}
	});

以上這篇解決layer彈出層中表單不起作用的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論