使用 submitHandler 无法提交表单

转载于 2022-10-24 15:21:20 发布 · 456 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/h66699979/article/details/121866276

文章标签：

#1024程序员节

当使用jQuery的validate插件遇到表单无法提交的问题时，可以尝试用`form.submit()`代替`submitHandler`中的`ajaxSubmit`。在提供的代码示例中，当所有验证规则通过后，`submitHandler`回调内调用了`form.submit()`来触发实际的表单提交，同时关闭了弹出层并刷新父页面。

提交表单采用 submitHandler 来提交，出现无法无法提交表单或者点击后无反应的情况

解决办法：

使用from.submit()来提交

以下为我项目中的部分代码

<script type="text/javascript">
            $(function(){
                $("#form-choice-add").validate({
                    rules:{
                        username:{
                            required:true,
                            minlength:2,
                            maxlength:16
                        },
                         id:{
                            required:true,
                        },
                        password:{
                            required:true,
                        },
 
                    },
                    onkeyup:false,
                    focusCleanup:true,
                    success:"valid",
                    submitHandler:function(form){
                        form.submit();
                      // $(form).ajaxSubmit();
                        var index = parent.layer.getFrameIndex(window.name);
                        //parent.$('.btn-refresh').click();
                        parent.layer.close(index);
                    }
                });
            });
        </script>