layui表单提交form教程附带代码

admin

layui表单提交form教程附带代码

1. <script>
   
2.     layui.use(function(){
   
3.         var form = layui.form;
   
4.         var layer = layui.layer;
   
5.         // 提交事件
   
6.         form.on('submit(jinhei)', function(data){
   
7.             // var field = data.field; // 获取表单字段值
   
8.             // 显示填写结果，仅作演示用
   
9.             // layer.alert(JSON.stringify(field), {
   
10.             //     title: '当前填写的字段值'
    
11.             // });
    
12.             $.post("edit",$('form').serialize(),function(res){
    
13.                 console.log(res);
    
14.                 if(res.code>0){
    
15.                     layer.msg(res.msg,{'icon':1}); //成功
    
16.                     setTimeout(function(){parent.window.location.reload();});
    
17.                 }else{
    
18.                     layer.msg(res.msg,{'icon':2}); //失败
    
19.                 }
    
20.             },'json');
    
21.             return false; // 阻止默认 form 跳转
    
22.         });
    
23.     });
    
24. </script>

复制代码