淺談layui 綁定form submit提交表單的注意事項
更新時間：2019年10月25日 15:44:18 作者：Q-u-a-n
今天小編就為大家分享一篇淺談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;
//監(jiān)聽提交
form.on('submit(login)', function(data){
console.log(data);
return false;
});
});
})
</script>
綁定button按鈕作為提交按鈕
1、必須加上lay-submit屬性，這個文檔沒看到具體描述，應該是作為提交按鈕的標識
這是文檔的介紹
| lay-submit | 無需填寫值 | 綁定觸發(fā)提交的元素，如button |
2、需要加上lay-filter="標識" 這個屬性，這個是layui特有的事件過濾器，個人感覺就是選擇器一樣
這是文檔的介紹
| lay-filter | 任意字符 | 事件過濾器（公用屬性），主要用于事件的精確匹配，跟選擇器是比較類似的。 |
layui是本人最近學習中的東西，如有說錯，歡迎及時留意指出?。?/p>
以上這篇淺談layui 綁定form submit提交表單的注意事項就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)手風琴折疊面板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
下面小編就為大家?guī)硪黄猨s 獲取本地文件及目錄的方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
uniapp手機號一鍵登錄實現(xiàn)保姆級教程(含前端和后端)
這篇文章主要介紹了uniapp手機號一鍵登錄實現(xiàn)的相關資料,本文指導如何創(chuàng)建uniapp項目、關聯(lián)uniCloud云空間,并配置一鍵登錄功能,,整個過程涉及創(chuàng)建云開發(fā)環(huán)境、關聯(lián)云服務空間、配置登錄服務和編寫云函數(shù),需要的朋友可以參考下2024-10-10
javascript工廠模式和構造函數(shù)模式創(chuàng)建對象方法解析
本文主要對javascript工廠模式和構造函數(shù)模式創(chuàng)建對象方法進行解析，具有一定的參考價值，下面跟著小編一起來看下吧2016-12-12
模仿IE自動完成功能...2006-10-10
抖動效果在各大網頁上都常遇到，這篇文章主要介紹了JavaScript實現(xiàn)窗口抖動效果的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
ng-options和ng-checked在表單中的高級運用(推薦)
AngularJS是當前非常的流行的前端框架，它的語法糖非常多，也極大的方便了前端開發(fā)者。這篇文章主要介紹了ng-options和ng-checked在表單中的高級運用,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了js隨機抽獎代碼效果，大家參考使用2013-12-12
這篇文章主要介紹了JS多物體實現(xiàn)緩沖運動效果的方法,涉及javascript基于時間函數(shù)進行動態(tài)運算實現(xiàn)頁面元素動態(tài)操作的相關技巧,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細介紹了JS實現(xiàn)打磚塊游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02