首页 > 其他 > 详细

layui按回车键实现表单提交

时间:2019-09-17 12:45:58      阅读:2041      评论:0      收藏:0      [点我收藏+]
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
        }
});

layui按回车键实现表单提交

原文:https://www.cnblogs.com/xidianzxm/p/11532871.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!