阅读背景:

Layui 弹框的 实现,可以利用弹框的确定取消按钮,来实现对form表单的提交动作!

来源:互联网 

第一步,先把html考到页面底部,好吧。

<!-- 编辑的内容 -->
<div id="bjnr" style="display: none;">
	<form class="layui-form" action="" id="saveupdateform">
					<input id="isNew" name="isNew" type="hidden"/>
					<table class="layui-table layui-xs" lay-skin="nob">
						  <tbody>
						  	<colgroup>
							    <col width="80">
							    <col>
							    <col width="70">
							    <col>
							</colgroup>
						    <tr>
						      <td align="right" class="bianjibd"><span class="necessary">*</span>用户帐号</td>
						      <td>
						      		<input type="text" id="yhdh" name="yhdh" lay-verify="required" autocomplete="off" class="layui-input" readonly="true">
						      </td>
						      <td align="right" class="bianjibd"><span class="necessary">*</span>用户姓名</td>
						      <td>
									<input type="text" id="xm" name="xm" lay-verify="required" autocomplete="off" class="layui-input">
							</td>
						    </tr>
						    <tr>
						      <td align="right" class="bianjibd"><span class="necessary">*</span>登录密码</td>
						      <td>
						      		<input type="password" id="mm" name="mm" lay-verify="required"  autocomplete="off" class="layui-input">
						      </td>
						      <td align="right" class="bianjibd"><span class="necessary">*</span>角色类型</td>
						      <td>
									  <select name="rid" lay-filter="bigarea" id="rid">
									  			<option value="">请选择</option>
									 </select>
							</td>
							</tr>
							 <tr>
							      <td align="right" class="bianjibd">身份证号</td>
							      <td>
							      		<input type="text" id="sfzmhm" lay-verify="identity" name="sfzmhm" autocomplete="off" class="layui-input">
							      </td>
							      <td align="right" class="bianjibd">帐号状态</td>
							      <td>
										  <select name="zt" lay-filter="zhzhuang" id="zt">
										  		 <option value="">请选择角色状态</option>
											          <option value="1">启用</option>
											          <option value="2">锁定</option>
											          <option value="3">停用</option>
										 </select>
								</td>
							</tr>
							 <tr>
							      <td align="right" class="bianjibd">帐号期限</td>
							      <td>
							      		<input type="text" id="zhyxqStr" name="zhyxqStr" class="layui-input">
							      </td>
							      <td align="right" class="bianjibd">密码期限</td>
							      <td>
										 <input type="text" id="mmyxqStr" name="mmyxqStr" class="layui-input">
								</td>
							</tr>
							<tr>
							      <td align="right" class="bianjibd">所属部门</td>
							      <td>
							      		<select name="glbm" lay-filter="glbms" id="glbm">
							      			<option value="">请选择</option>
										 </select>
							      </td>
							      <td align="right" class="bianjibd"></td>
							      <td>
								</td>
							</tr>
						  </tbody>
						</table>
					    <div class="layui-input-block" style="display:none">
					     <button class="layui-btn tj" lay-submit="" lay-filter="tjbtn">立即提交</button>
					    </div>
	</form>
</div><!-- 编辑的内容 -->
<



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: