layui:form表单提交

                <form class="layui-form" action="" id="login_form" lay-filter="login_form"><div class="layui-form-item"><label class="layui-form-label">手机号<i class="layui-icon layui-icon-cellphone"></i></label><div class="layui-input-block"><input type="text" lay-verify="required|phone|number" name="username" lay-verify="title"autocomplete="off" placeholder="请输入手机号" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">密码<i class="layui-icon layui-icon-password"></i></label><div class="layui-input-block"><input type="password" name="password" placeholder="请输入密码" autocomplete="off"class="layui-input"></div></div><center><legend>请使用手机号登陆，首次登陆将自动注册，密码请牢记</legend><legend>忘记密码请联系管理员找回</legend><br><legend><button class="layui-btn layui-btn-normal" lay-filter="login_button" lay-submit="">登陆</button></legend></center>                </form>

button代码需要位于form表单内部
button 必须含有 lay-submit=""属性

<button class="layui-btn layui-btn-normal" lay-filter="login_button" lay-submit="">登陆</button>

    layui.use(['layer', 'jquery', 'element', 'form'], function (args) {var $ = layui.jquery, layer = layui.layer, element = layui.element, form = layui.form;form.on('submit(login_button)', function (data) {console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。});});

form.on('submit(login_button)', function (data) {}

sumbit表示form的提交事件
参数接受为button的lay-filter的属性
data.field 表单数据
return false; 阻止表单提交，否则将携带form的数据，get请求API

layui:form表单提交相关推荐

layui form表单提交无法触发问题。
保证js无出错. 1. js中需要加载 form模块 form.on('submit(searchBtnFilter)', function (data) { 2.使用的是form表单 <for ...
layui删除后刷新表格_layui form表单提交之后重新加载数据表格的方法
如下图,在我们做高级查询的时候需要重新加载数据表格table.reload(); HTML form表单菜单:  JS $(function () { //注意:这里是数据表格的加载数据,必须写 ...
layui提交表单自动刷新_layui form表单提交后实现自动刷新
刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功的使用. 问题: 1.提交表单,页面自动刷新. 出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型.哪 ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
form表单提交踩坑记
2019独角兽企业重金招聘Python工程师标准>>> 今天收获了一次集团故障,心塞不已,究其原因,是form表单提交时web服务器对大小做了限制.这个必现的问题在测试阶段也不知为啥 ...
Form表单提交按钮图片IE6下背景透明（js提交）
Form表单提交按钮图片IE6下背景透明(js提交) 我们知道光png图片在IE6下面透明方法很多,网上也很多,但是我今天遇到了个难题:form表单提交按钮png图片要求背景透明.我弄了半天,转个思 ...
vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
laravel中的form表单提交
提交方法:form表单提交只能提交post 和get ,如果你想提交其他的提交方法,就要如图所示转载于:https://www.cnblogs.com/luxia/p/9001310.html
Django(part17)--form表单提交数据
学习笔记,仅供参考,有错必纠 form表单 form表单的主要作用是和服务器进行交互,为服务器端提供数据. name属性 form表单有name属性,name属性类似于客户端与服务器端之间的约定. f ...

layui:form表单提交

layui:form表单提交相关推荐

最新文章

热门文章