前端小白使用layui表单验证的思路

2018/11/20 12:24:49 | 阅161 来源:好空间网络 [打印] [关闭]
 

 <script src="../../layui-v2.4.5/layui/layui.js"></script>
<script>
layui.use(['form','layer'], function(){
  var form = layui.form;
  var layer = layui.layer;
  //下面这个是监听表单的提交		
  form.on('submit(adminInfo)', function(data){
  //adminInfo是按钮名 下面这个是弹出提示框
       console.log(data.field.appid) //获得表单中的appid字段的值
	
	if(data.field.appid != 'aa' ||data.field.appkey != 'aa' ){
         layer.confirm('2次的APPID,APPKEY不一样,继续提交会清空原有数据', {
		  btn: ['返回','继续'] //按钮
		}, function(){
			 layer.closeAll(); //关闭层
		}, function(){
		  data.form.submit(); //提交表单数据
		});		
	//因为上面有弹窗了,所以这里需要阻止表单的自动提交	
	 return false; 
	}
	
	
	});
	//表单提交完毕
	
	//这里可以监听其他的模块
	
});
</script>
 <form action="/moban/AddAppId" method=post class="layui-form"  style="width: 90%;padding-top: 20px;" >
 <input name="appid" type="text" class="layui-input" id="mingchen" value="aa" required  lay-verify="required|number" placeholder="请输入AppID" autocomplete="off">
  <button class="layui-btn layui-btn-normal" lay-submit lay-filter="adminInfo" >立即开通</button>
  </form>


经营许可证ICP:皖B2-20100052 公司邮箱:zcdnsz@jspkongjian.net
Copyright © 2004-2015, 安徽好空间网络科技有限公司 版权所有 , 本站素材部分来源于网络,如有侵权请告知删除。