jquery form plugin не работает

Question

Я новичок программист. Я застрял в течение двух дней с помощью простого кода. Я пытаюсь использовать плагин формы jquery для отправки формы на другую страницу и получать обратную связь с этой страницы. Проблема это плагин не working.the форма представлена ​​в виде без feedback.Here нормально это код

<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'>"; 

} 

Expectation был переспросил изображение будет Feddback но страница просто перенаправляется на функцию ajaxcall.php page.ajaxForm(), которая не работает. Но w Пожалуйста, помогите. Спасибо заранее.

Answer 1

Просто заменить вашу кнопку отправки для нормальной, потому что вы уже завершения заполнения формы программно из обработчика щелчка, поэтому заменить следующий HTML:

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

для этого:

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

Answer 2

используйте эти коды вместо кодов скриптов. извините за поздний ответ

$(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(); 

    }); 
});