第一要在表单提交的按钮元素上加上lay-submit以及lay-filter 保存 第二在表单的各个元素都必须要有name元素,不然获取不到该元素的值 表单监听事件得到表单元素值集合 btnSave : function(){//监听表单提交form.on('submit(btnSave)', function(data){varformVal =data.field; console.log(formVal); }); }...
提交 上述的lay-verify、lay-skin、lay-filter、lay-submit神马的都是我们所说的预设的元素属性,他们可以使得一些交互操作交由form模块内部、或者你来借助form提供的JS接口精确控制。目前我们可支持的属性如下表所示: 属性名属性值说明 title 任意字符 设定元素名称,一般用于checkbox、radio框 lay-skin switch(开关风格...
form.on('event(lay-filter)',function(){ }) 其中,event可以是radio,checkbox,submit等元素,其中的lay-filter就是我们加的事件过滤器属性值,比如: 对就是这个lay-filter=" "里面的值,好了就只需要这俩个属性,就可以执行我们相应的事件了。 二、数据表格事件监听 在开始介绍前,我们可以从这张图中,捋一捋...
负责人 服务器状态
layui的官网说的也是比较清楚的,通过给按钮button加上“lay-submit”属性来表示它作为一个提交按钮,标准写法如下: 代码语言:javascript 复制 提交按钮普通按钮 官方文档地址: 表单组件 form - Layui 文档 因此,当我们在使用form的时候,如果没有添加标准的提交按钮,会自动默认把其他的普通按钮认为是...
登入 目前我们的公共属性如下所示(即普遍运用于所有元素上的属性) 属性描述 lay-skin=" "定义相同元素的不同风格,如checkbox的开关风格 lay-filter=" "事件过滤器。你可能会在很多地方看到他,他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器 lay-submit定义一个触发表单提交的button,不用填写值...
form.on('event(lay-filter)',function(){ }) 1. 2. 3. 其中,event可以是radio,checkbox,submit等元素,其中的lay-filter就是我们加的事件过滤器属性值,比如: 1. 对就是这个lay-filter=" "里面的值,好了就只需要这俩个属性,就可以执行我们相应的事件了。
立即提交 重置 //Demo layui.use('form', function(){ var form = layui.form; //监听提交 form.on('submit(formDemo)', function(data){ layer.msg(JSON.stringify(data.field)); return false; }); }); UI的最终呈现得益于 Form模块 的全自动渲染,她将原本普通的诸如select、checkbox、...
立即提交 重置 <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 --> layui.use('form', function(){ var form = layui.form; //各种基于事件的操作,下面会有进一步介绍 }); 正如你上述看到的,你必须放入 layui 所规范的元素结构,form 模块才会对其进行...
提交 3. 在script标签中,编写获取用户位置信息的代码: layui.use(['form'], function () { var form = layui.form; //获取用户所在城市 var cityInput = $('#city'); $.getScript('https://webapi.amap.com/