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>