韩唐伯石 2022-07-30 12:32 采纳率: 57.1%
浏览 488
已结题

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

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">
      
<div class="layui-form-item"> <div class="layui-input-block"> <input type="password" name="password" lay-verify="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
<div class="layui-form-item"> <button type="sbumit" class="layui-btn" lay-submit="" layui-filter="Login">登录</button>
</form>

3条回答 默认 最新

  • 浪客 2022-07-30 13:42
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

悬赏问题