layui按回车键实现表单提交

一世执手 提交于 2019-11-29 02:20:48
layui中标准用法如下:
<form class="layui-form">
<input type="button" id="queryCondBtn" class="layui-btn" lay-submit lay-filter="queryCondBtn" value="提交">
</form>
form.on('submit(queryCondBtn)', function(data){
// 相关操作
});
layui.use(['form','jquery','layer'],function(){
var form = layui.form,
$ = layui.jquery,
layer = layui.layer;
form.on("submit(queryCondBtn)",function(data){
console.log(data);
//书写自己的逻辑...
return false;
});

});
$(#XXX).keydown(function (e) {
if (e.keyCode === 13) {
$("#queryCondBtn").trigger("click");
}
});
<div class="layui-form-item" style="margin-bottom: 20px;">
          <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
          <a href="forget.html" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>
        </div>
        <div class="layui-form-item">
          <button id="LAY-user-login-submit" class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
        </div>
<div class="layui-trans layui-form-item layadmin-user-login-other">
--------------------------------------------------
$('#LAY-user-login-password').on('keydown', function (event) {
        if (event.keyCode == 13) {
            $("#LAY-user-login-submit").trigger("click");

            return false
        }
});
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!