jquery表單插件無法正常工作

我編寫了一個代碼，將表單提交到另一個頁面，而不像ajax那樣加載。我使用jQuery表單插件。但問題在於它無法正常工作。這裏是我的代碼jquery表單插件無法正常工作

<div id='preview'></div> 
<form action='ajaxcall.php' id='upload_pic' enctype='multipart/form-data' method='post'> 

<input type='file' id='pic' name='picture'> 
<input type='button' id='sub'> 
</form> 
<script type="text/javascript" src='jqueryform.js'></script> 
<script> 
var options= 
{ 
target:'#preview', 
url:'ajaxcall.php', 
success:function(){ 

document.getElementById("upload_pic").reset(); 
} 
}; 

$(document).ready(function(){ 
$("#sub").click(function(){ 
    $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>"); 
    $('#upload_pic').ajaxForm(options).submit(); 
    }); 
}); 
</script>

據我所知，給ajaxForm（）函數沒有working.the jQuery的文件是上面的代碼和工作fine.After點擊按鈕，頁面自動跳轉到ajaxcall.php page.please幫我找出錯誤。提前感謝。

來源

2013-03-22 user2198154

在使用jqueryform.js之前，您是否包含了jQuery.js腳本？ – 2013-03-22 07:24:02

任何錯誤在控制檯 – 2013-03-22 07:28:26

在這種情況下，你需要使用ajaxSubmit會

$(document).ready(function() { 
    var options = { 
     target : '#preview', 
     url : 'ajaxcall.php', 
     success : function() { 
      document.getElementById("upload_pic").reset(); 
     } 
    }; 

    $("#sub").click(function() { 
     $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>"); 
     $('#upload_pic').ajaxSubmit(options); 
    }); 
});

來源

2013-03-22 07:23:59

不起作用，我認爲插件不炒鍋，但爲什麼？\ – user2198154 2013-03-22 11:35:25

控制檯中的任何錯誤 – 2013-03-22 11:49:48

在火狐控制檯沒有錯誤，但當頁面加載谷歌控制檯控制檯顯示'拒絕設置不安全的標題「連接」' – user2198154 2013-03-22 12:11:49

再添加一個提交功能：

$(document).ready(function(){ 
    $('#upload_pic').submit(function(e){ // <---pass event here 
     e.preventDefault(); //<----------------stop it here 
    }); 
    $("#sub").click(function(){ 
    $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>"); 
    $('#upload_pic').ajaxForm(options).submit(); 
    }); 
});

嘗試停止點擊之前提交。

來源

2013-03-22 07:27:05 Jai

jquery表單插件無法正常工作

回答

相關問題