layui提交表单使用form.on('submit(sub)', function(data){})方法出现错误，回调函数无法执行

Question

layui提交表单使用form.on('submit(sub)', function(data){})方法出现错误，回调函数无法执行。我查到当button的type值为submit时，点击按钮会刷新页面，在form.on方法最后加一个return false就好了。但是我加上去之后问题还是没有解决，回调函数依然没有执行。
这是我的代码（代码是从layui案例直接复制的，应该没有问题）：

<script>
            layui.use(['form',"layedit","laydate"], function(){
                var form = layui.form, 
                layer = layui.layer,
                layedit = layui.layedit;
             
              //自定义验证规则
                form.verify({
                    username: function(value){
                        if(value.length < 5)
                        {
                            return '用户名不正确';
                        }
                    },
                    password: function(value){
                        if(!/^[\S]{6,12}$/.test(value))
                        {
                            return '密码必须6到12位，且不能出现空格';
                        }
                    }
                });
              
              //监听提交
                
                form.on('submit(Login)', function(data){
                    layer.alert(JSON.stringify(data.field), {
                        title: '最终的提交信息'
                    })
                    return false;
                });
            });
</script>

这是html部分：

<form class="layui-form">
    <div class="layui-form-item">
      <div class="layui-input-block">
        <input type="text" name="username" lay-verify="username" placeholder="请输入用户名" autocomplete="off" class="layui-input">
      

Answer 1

登录按钮修改一下 lay-filter="Login"