浅谈layui 绑定form submit提交表单的注意事项
如下所示:
<form method="post" class="layui-form"> <input type="text" name="name" placeholder="用户名" required lay-verify="required" class="layui-input layui-form-danger login-input" > <input type="password" name="password" placeholder="密码" required lay-verify="required" class="layui-input layui-form-danger login-input"> <button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="login" >登录</button> </form> </div> </div> <script type="text/javascript"> $(function () { layui.use('form', function(){ var form = layui.form; //监听提交 form.on('submit(login)', function(data){ console.log(data); return false; }); }); }) </script>
绑定button按钮作为提交按钮
1、必须加上lay-submit属性,这个文档没看到具体描述,应该是作为提交按钮的标识
这是文档的介绍
lay-submit | 无需填写值 | 绑定触发提交的元素,如button |
2、需要加上lay-filter="标识" 这个属性,这个是layui特有的事件过滤器,个人感觉就是选择器一样
这是文档的介绍
lay-filter | 任意字符 | 事件过滤器(公用属性),主要用于事件的精确匹配,跟选择器是比较类似的。 |
layui是本人最近学习中的东西,如有说错,欢迎及时留意指出!!
以上这篇浅谈layui 绑定form submit提交表单的注意事项就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
解决Layui 表单提交数据为空的问题
坑的外观 最近用了一段时间Layui作为项目后台管理模块的前端框架,感觉还是挺好用的. 今天踩了个坑,就是使用layui表单提交时,提交的数据为空. 例如,layer.msg(JSON.stringify(data.field));这句代码执行后,页面显示为空对象. <form class="layui-form" action=""> <div class="layui-form-item"> <label cla
-
layui 解决富文本框form表单提交为空的问题
layui 解决富文本框form表单提交为空的问题 一直获取不到form data 这样子就可以正常提交了 以上这篇layui 解决富文本框form表单提交为空的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
layui 解决form表单点击无反应的问题
无刷新页面再次操作form表单 时,点击无效果 重点来了!解决方法!需要form.render(); 代码如下: <script> layui.use('form', function(){ var form = layui.form,$ = layui.jquery; form.render();//重点在这里 }); </script> 以上这篇layui 解决form表单点击无反应的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
使用layui前端框架弹出form表单以及提交的示例
第一步: 引用两个文件 第二步: 点击删除按钮弹出提示框 /*删除开始*/ $(".del").click(function () { var id = $(this).attr("id"); layer.alert('您确定要删除操作吗?', { skin: 'layui-layer-molv' //样式类名 自定义样式 , closeBtn: 1 // 是否显示关闭按钮 , anim: 1 //动画类型 , btn: ['确定', '取消'] //按钮 , ic
-
浅谈layui 绑定form submit提交表单的注意事项
如下所示: <form method="post" class="layui-form"> <input type="text" name="name" placeholder="用户名" required lay-verify="required" class="layui-input layui-form-danger login-input"
-
jquery实现submit提交表单
使用jquery的submit()函数提交form表单时,总是无法提交表单.这个问题太诡异了,是因为form中提交表单的input的name属性为submit,把name改成其他的名称,就可以使用了. 表单可以提交之后,又出现了新的问题.由于基于dz开发,表单提交之后使用submitcheck()这个函数来检查表单是否提交,由jquery提交上来的表单始终无法验证通过.最后采用模拟点击提交按钮的方法来实现. 复制代码 代码如下: <!-- lang: js --> $('input#asubm
-
Jquery.Form 异步提交表单的简单实例
http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html# 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: 复制代码 代码如下: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username&qu
-
解决jquery submit()提交表单提示:f[s] is not a function
jquery submit()无法提交表单 报错:f[s] is not a function, js submit()无法提交表单 报错:document.getElementByIdx_x(...).submit is not a function 这2个错让人很无奈啊,语法没有任何错误,怎么能报错呢? 因为以前重来没有遇到过,这次是在改别人的代码,回头看了看代码,我靠原来有个按钮的name="submit",把它删掉就能正常提交表单了. 为什么呢?应该是一个type="
-
Nodejs下用submit提交表单提示cannot post错误的解决方法
<span style="font-size:18px;"><form action="/registOK" method="get"> <p>用户名:<input type="text" id="userName" name="userName"></p> <p>密码:<input type="pa
-
jquery动态改变form属性提交表单
有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求. 如: 复制代码 代码如下: <form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe">
-
php 多个submit提交表单 处理方法
test.php 复制代码 代码如下: <?php $test = $_POST[ 'test ']; echo '12 '; echo $test; echo $_POST[ 'submit1 ']; echo $_POST[ 'submit2 ']; if (isset($_POST[ 'submit1 ']) && $_POST[ 'submit1 '] == 'submit1 ') { echo 'ok1 '; } if (isset($_POST[ 'submit2 '])
-
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
最近做项目遇到用Javascript提交表单的问题, 之前也做过几次, 但是不够全面, 这次总结出了几种用JavaScript提交表单的方式, 并且对此作出了比较, 选出了一种最适合此项目的方式. 我目前正在为Sun Communication Suite做一个创建用户的小型系统,大家都知道我们可以通过表单,Ajax 和链接来访问服务器, 最简单的方法就是使用连接, 例如:<a href=UserServlet?event=SEARCH_MAILING_LIST¤tPage=1&
-
php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
应该这样用if(isset($_POST['submit'])) { } 提交表单时 if($_POST[submit])与 if(isset($_POST[submit])) 的区别 第一种方法会出现一个warning,第二种相对更严谨. 还有就是POST的键名最好加上单引号,这样效率稍微高点(大概3-4倍). 恩 差不多那个意思,如果设置了这个变量则返回true PHP中if(isset($_POST['Submit']))是什么意思 isset -- 检测变量是否设置 判断post过来的数
-
详细分析使用AngularJS编程中提交表单的方式
在AngularJS出现之前,很多开发者就面对了表单提交这一问题.由于提交表单的方式繁杂而不同,很容易令人疯掉--然而现在看来,依然会让人疯掉. 今天,我们会看一下过去使用PHP方式提交的表单,现在如何将其转换为使用Angular提交.使用Angular来处理表单,对我而言,是一个"啊哈"时刻(译者:表示了解或发现某事物的喜悦).即使它甚至都没有涉及多少Angular表层的东西,但是它却帮助用户看到表单提交之后的潜力,并且理解两种数据绑定方式. 我们会使用jQuery平台来进行这个处理
随机推荐
- 基于Ajax+div的“左边菜单、右边内容”页面效果实现
- 小技巧处理div内容溢出
- 批量安装windows补丁的批处理脚本
- vbs实现的eMule电驴自动关机脚本代码
- android手机获取gps和基站的经纬度地址实现代码
- IOS中的七种手势小结
- 第一次编写Java流布局图形界面
- js使用for循环与innerHTML获取选中tr下td值
- php处理json时中文问题的解决方法
- Android 图片缩放实例详解
- Docker 实现浏览器里开发Android应用的功能
- jQuery技巧之让任何组件都支持类似DOM的事件管理
- jquery改变disabled的boolean状态的三种方法
- 设计模式中的组合模式在JavaScript程序构建中的使用
- 二级域名转向类
- Python使用defaultdict读取文件各列的方法
- Android 实现全屏显示的几种方法整理
- C#中数据的传递以及ToolStripProgressBar
- CISBitmap派生的VC++位图透明类实例
- 9种改善AngularJS性能的方法