0

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>
4

1 に答える 1