淺談layui 綁定form submit提交表單的注意事項(xiàng)
更新時(shí)間：2019年10月25日 15:44:18 作者：Q-u-a-n
今天小編就為大家分享一篇淺談layui 綁定form submit提交表單的注意事項(xiàng)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
<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屬性，這個(gè)文檔沒看到具體描述，應(yīng)該是作為提交按鈕的標(biāo)識
這是文檔的介紹
| lay-submit | 無需填寫值 | 綁定觸發(fā)提交的元素，如button |
2、需要加上lay-filter="標(biāo)識" 這個(gè)屬性，這個(gè)是layui特有的事件過濾器，個(gè)人感覺就是選擇器一樣
這是文檔的介紹
| lay-filter | 任意字符 | 事件過濾器（公用屬性），主要用于事件的精確匹配，跟選擇器是比較類似的。 |
layui是本人最近學(xué)習(xí)中的東西，如有說錯(cuò)，歡迎及時(shí)留意指出??！
以上這篇淺談layui 綁定form submit提交表單的注意事項(xiàng)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
js獲取數(shù)組最后一位元素的五種方法及執(zhí)行效率對比
js獲取數(shù)組最后一位元素的五種方法代碼示例,使用console.time和console.timeEnd測量javascript腳本程序執(zhí)行效率對比2023-08-08
JS實(shí)現(xiàn)圖片預(yù)加載之無序預(yù)加載功能代碼
這篇文章主要介紹了JS實(shí)現(xiàn)圖片預(yù)加載之無序預(yù)加載功能代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-05-05
JS 的應(yīng)用開發(fā)初探(mootools)
昨天在公司內(nèi)部做了一個(gè)小小的技術(shù)分享，就 js 應(yīng)用開發(fā)方面跟大家談了一點(diǎn)自己的心得，最近因?yàn)楣ぷ麝P(guān)系花在這上面的時(shí)間較多也頗有些收獲，寫在這里備忘。2009-12-12
利用JavaScript實(shí)現(xiàn)簡單全選和全不選的思路和方法
最近開始練習(xí)js的基本操作,常常因?yàn)橐恍┬∈韬鰧?dǎo)致頁面效果無法實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于利用JavaScript實(shí)現(xiàn)簡單全選和不全選的思路和方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
這篇文章主要介紹了Three.js截圖并下載的大坑，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了JS正則替換去空格的方法,結(jié)合實(shí)例形式對比分析了針對全角與半角空格的刪除技巧,涉及replace正則替換的使用方法,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了微信小程序單選框如何自定義賦值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
JavaScript數(shù)組實(shí)例的9個(gè)方法
這篇文章主要介紹了JavaScript數(shù)組實(shí)例的9個(gè)方法,文章圍繞主題展開詳細(xì)的內(nèi)容介紹沒具有一定的參考價(jià)值，需要的朋友可以參考一下2022-07-07
深入理解JavaScript系列(11) 執(zhí)行上下文（Execution Contexts）
本章我們要講解的是ECMAScript標(biāo)準(zhǔn)里的執(zhí)行上下文和相關(guān)可執(zhí)行代碼的各種類型2012-01-01
文件指紋是文件打包后輸出的文件名的后綴，通常用來做一些文件的版本管理，文中給大家提到了幾種文件指紋的設(shè)置用法，對Webpack文件指紋相關(guān)知識感興趣的朋友一起看看吧2022-02-02