jquery表單插件不工作

我是一個新手程序員。我用一個簡單的代碼堅持了兩天。我嘗試使用jQuery表單插件將表單提交到另一個頁面，並從該頁面獲得反饋。問題是插件未working.the表單提交的normaly不feedback.Here是代碼jquery表單插件不工作

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 

<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='submit' id='sub'> 
</form> 

var options= 
{ 
target:'#preview', 
url:'ajaxcall.php' 


}; 

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

這是我ajaxcall.php頁面代碼

if(!empty($_FILES['picture']['size'])) 
{ 
echo "<img src='images/197.jpg'>"; 

}

期望是呼應圖像將需求反饋，但該頁面被簡單地重定向到ajaxcall.php page.ajaxForm（）函數不工作。但w hy？請幫忙。提前感謝。

來源

2013-03-24 user2198154

只需更換您的提交按鈕，一個正常的，因爲你已經編程您單擊處理submiting的形式，讓代替你的下面的HTML：

<input type='submit' id='sub'>

這一個：

<input type='button' id='sub'>

來源

2013-03-24 06:27:13 Nelson

沒有工作，仍然重定向到ajaxcall.php頁 – user2198154 2013-03-24 06:38:18

好了，該解決方案似乎有點不同，看看我的更新答案。 – Nelson 2013-03-24 07:03:01

並記住標記答案爲接受（標記問題分數下的檢查），如果這最終爲你工作:-) – Nelson 2013-03-24 07:04:08

使用這些代碼而不是您的腳本代碼。對不起已故的答案

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

    }); 
});

來源

2014-04-16 04:52:30 Emre

jquery表單插件不工作

回答

相關問題