欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談layui 綁定form submit提交表單的注意事項(xiàng)

 更新時(shí)間：2019年10月25日 15:44:18   作者：Q-u-a-n  
今天小編就為大家分享一篇淺談layui 綁定form submit提交表單的注意事項(xiàng)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如下所示：

				<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)聽(tīng)提交
       form.on('submit(login)', function(data){
        console.log(data);
        return false;
       });
      });
    })
		</script>

綁定button按鈕作為提交按鈕

1、必須加上lay-submit屬性，這個(gè)文檔沒(méi)看到具體描述，應(yīng)該是作為提交按鈕的標(biāo)識(shí)

這是文檔的介紹

lay-submit 無(wú)需填寫(xiě)值 綁定觸發(fā)提交的元素，如button

2、需要加上lay-filter="標(biāo)識(shí)" 這個(gè)屬性，這個(gè)是layui特有的事件過(guò)濾器，個(gè)人感覺(jué)就是選擇器一樣

這是文檔的介紹

lay-filter 任意字符 事件過(guò)濾器（公用屬性），主要用于事件的精確匹配，跟選擇器是比較類(lèi)似的。

layui是本人最近學(xué)習(xí)中的東西，如有說(shuō)錯(cuò)，歡迎及時(shí)留意指出?。?/p>

以上這篇淺談layui 綁定form submit提交表單的注意事項(xiàng)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • js獲取數(shù)組最后一位元素的五種方法及執(zhí)行效率對(duì)比

    js獲取數(shù)組最后一位元素的五種方法及執(zhí)行效率對(duì)比

    js獲取數(shù)組最后一位元素的五種方法代碼示例,使用console.time和console.timeEnd測(cè)量javascript腳本程序執(zhí)行效率對(duì)比
    2023-08-08
  • JS實(shí)現(xiàn)圖片預(yù)加載之無(wú)序預(yù)加載功能代碼

    JS實(shí)現(xiàn)圖片預(yù)加載之無(wú)序預(yù)加載功能代碼

    這篇文章主要介紹了JS實(shí)現(xiàn)圖片預(yù)加載之無(wú)序預(yù)加載功能代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2017-05-05
  • JS 的應(yīng)用開(kāi)發(fā)初探(mootools)

    JS 的應(yīng)用開(kāi)發(fā)初探(mootools)

    昨天在公司內(nèi)部做了一個(gè)小小的技術(shù)分享，就 js 應(yīng)用開(kāi)發(fā)方面跟大家談了一點(diǎn)自己的心得，最近因?yàn)楣ぷ麝P(guān)系花在這上面的時(shí)間較多也頗有些收獲，寫(xiě)在這里備忘。
    2009-12-12
  • 利用JavaScript實(shí)現(xiàn)簡(jiǎn)單全選和全不選的思路和方法

    利用JavaScript實(shí)現(xiàn)簡(jiǎn)單全選和全不選的思路和方法

    最近開(kāi)始練習(xí)js的基本操作,常常因?yàn)橐恍┬∈韬鰧?dǎo)致頁(yè)面效果無(wú)法實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于利用JavaScript實(shí)現(xiàn)簡(jiǎn)單全選和不全選的思路和方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-07-07
  • 淺談Three.js截圖并下載的大坑

    淺談Three.js截圖并下載的大坑

    這篇文章主要介紹了Three.js截圖并下載的大坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-11-11
  • JS正則替換去空格的方法

    JS正則替換去空格的方法

    這篇文章主要介紹了JS正則替換去空格的方法,結(jié)合實(shí)例形式對(duì)比分析了針對(duì)全角與半角空格的刪除技巧,涉及replace正則替換的使用方法,需要的朋友可以參考下
    2017-03-03
  • 微信小程序單選框自定義賦值

    微信小程序單選框自定義賦值

    這篇文章主要介紹了微信小程序單選框如何自定義賦值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-05-05
  • JavaScript數(shù)組實(shí)例的9個(gè)方法

    JavaScript數(shù)組實(shí)例的9個(gè)方法

    這篇文章主要介紹了JavaScript數(shù)組實(shí)例的9個(gè)方法,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹沒(méi)具有一定的參考價(jià)值，需要的朋友可以參考一下
    2022-07-07
  • 深入理解JavaScript系列(11) 執(zhí)行上下文（Execution Contexts）

    深入理解JavaScript系列(11) 執(zhí)行上下文（Execution Contexts）

    本章我們要講解的是ECMAScript標(biāo)準(zhǔn)里的執(zhí)行上下文和相關(guān)可執(zhí)行代碼的各種類(lèi)型
    2012-01-01
  • 一文入門(mén)Webpack文件指紋

    一文入門(mén)Webpack文件指紋

    文件指紋是文件打包后輸出的文件名的后綴，通常用來(lái)做一些文件的版本管理，文中給大家提到了幾種文件指紋的設(shè)置用法，對(duì)Webpack文件指紋相關(guān)知識(shí)感興趣的朋友一起看看吧
    2022-02-02

最新評(píng)論