找回密码
 立即注册
查看: 498|回复: 0

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

[复制链接]

30

金豆

170

黑豆

2

精华

管理员

站长QQ:515138

主题
124
回帖
7
在线时间
76 小时
注册时间
2024-2-3
最后登录
2024-11-14
发表于 2024-7-13 14:45:27 | 显示全部楼层 |阅读模式
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>
复制代码




QQ|网站地图|Archiver|手机版|金黑 ( 粤ICP备2021124338号 )

网站建设,微信公众号小程序制作,商城系统开发,高端系统定制,app软件开发,智能物联网开发,直播带货系统等

Powered by Www.Jinhei.Cn

Copyright © 2013-2024 深圳市金黑网络技术有限公司 版权所有

快速回复 返回顶部 返回列表