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

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;

}

});

//表单提交完毕

//这里可以监听其他的模块

});

立即开通