layui綁定form submit提交表單的注意事項有哪些

這篇文章主要為大家展示了“layui綁定form submit提交表單的注意事項有哪些”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“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屬性，這個文檔沒看到具體描述，應該是作為提交按鈕的標識

這是文檔的介紹

2、需要加上lay-filter="標識" 這個屬性，這個是layui特有的事件過濾器，個人感覺就是選擇器一樣

這是文檔的介紹

layui是本人最近學習中的東西，如有說錯，歡迎及時留意指出！！

以上是“layui綁定form submit提交表單的注意事項有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！