Question

jQuery打开我的表单操作，而不是在不更改页面的情况下提交表单。我现在正在工作的是，我不希望在提交表单时刷新页面，因为我想在提交/加载时集成进度条。谢谢你的帮助。

这是我用于验证和重定向的jQuery：

<script type="text/javascript" src="../javascript/jquery.js"></script>
<script type="text/javascript" src="../javascript/jquery.validate.js"></script>
<script type="text/javascript" src="../javascript/jquery.form.js"></script>
<script type="text/javascript">
            $('document').ready(function(){
            $('#form').validate({
                rules:{
                    "fname":{
                        required:true,
                        maxlength:40
                    },
                    "lname":{
                        required:true,
                        maxlength:40
                    },
                    "mobile":{
                        required:true,
                        number: true
                    },
                    "address":{
                        required:true
                    },
                    "year":{
                        required:true
                    },
                    "month":{
                        required:true
                    },
                    "day":{
                        required:true
                    },
                    "files": {
                        accept:"jpg,png,jpeg,gif"
                    },
                    "vid": {
                        accept: "ogg|ogv|avi|mpe?g|mov|wmv|flv|mp4"
                    }},
                messages:{
                    "fname":{
                        required:"First Name is required"
                    },
                    "lname":{
                        required:"Last Name is required"
                    },
                    "mobile":{
                        required:"Mobile is required"
                    },
                    "address":{
                        required:"Address is required"
                    },
                    "files":{
                        accept: "Please choose a valid image file (jpg/png/jpeg/gif)"
                    },
                    "vid" : {
                        accept: "Please choose a valid video file (ogg/ogv/avi/mpg/mpeg/mov/flv/mp4)"
                    }}
                    submitHandler: function(form){
                        $(form).ajaxSubmit({
                            target: '#preview',
                            success: function() {
                            //$('form').find('input[type=text], select,input[type=file]').val('');

                        //  }
                        });
                        }
                    })
                });

这是我表格的一部分：

<form id="form" name="form" action="submit_video.php" method="POST" enctype="multipart/form-data">

</form>

Answer 1

引用OP：

“jQuery打开我的表单操作，而不是在不更改页面的情况下提交表单。”

语法错误会阻止插件运行，默认表单操作将在提交时发生。

您的代码......

}}
submitHandler: function(form){
    $(form).ajaxSubmit({
        target: '#preview',
        success: function() {
        //$('form').find('input[type=text], select,input[type=file]').val('');
    //  }
    });
    }

.validate()电话中至少有两个语法错误。

1）在submitHandler内，对}的{{1}}回调函数取消评论右括号success。

查看我的评论......

ajaxSubmit()

2）您也错过了一个逗号，可以将submitHandler: function(form){ $(form).ajaxSubmit({ target: '#preview', success: function() { //$('form').find('input[type=text], select,input[type=file]').val(''); } // <-- you need this brace to close the success callback function }); // <-- close ajaxSubmit } // <-- close submitHandler选项与messages回调区分开来。此语法错误将阻止插件运行， 您的表单将使用默认表单操作提交 。

submitHandler

我强烈建议您正确格式化和缩进代码，以便更容易发现语法错误。

}},  // <-- you need this comma here
submitHandler: function(form){

jQuery验证仍然重定向并打开表单操作路径

1 个答案: