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