jQuery的形式提交後輸入是空

我有這樣的代碼jQuery的形式提交後輸入是空

<div></div> 
<form> 
<input type="text" name="abc"> 
<input type="submit" value="send"> 
</form> 

$('form').on('submit', function(){ 
    $.post('process.php', $(this).serialize(), function(data) { 
    $('div').html(data); 
    }); 
    return false; 
});

一切正常，但提交我填入輸入值後消失了，這是empty..Where可能是什麼問題？

來源

2013-10-22 dontHaveName

也就是說正常行爲。提交成功後，表單將被重置。 – karthikr

是否有可能設置輸入值留在那裏？ – dontHaveName

它爲我，如果你告訴我

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
</head> 
<body> 
<div></div> 
<form> 
<input type="text" name="abc"> 
<input type="submit" value="send"> 
</form> 
<script> 
$('form').submit(function(){ 
    $.post('process.php', $(this).serialize(), function(data) { 
    $('div').html(data); 
    }); 
    return false; 
}); 
</script> 
</body> 
</html>

而且在process.php它不工作：

<?php 
echo $_POST['abc']; 
?>

來源

2013-10-22 19:32:09 Meowsome

是的，它的工作原理，但你填寫輸入的值不會留在那裏提交 – dontHaveName

對不起，但我不明白你想說什麼，這是發生在我身上：[圖片]（http：// s2.postimg.org/54g4qcb3t/Captura.png） – Meowsome

我的錯誤（我在一個插件中有一些錯誤），它的工作原理非常完美。 – dontHaveName

嘗試這種方式

<script> 
    $(document).ready(function(){ 

      $('#submit').click(function(){ 
       $.post('process.php', $('#myform').serialize(), function(data) { 
       $('div').html(data); 
       }); 
       return false; 
      }); 
    }); 

</script> 

<div></div> 
<form id="myform"> 
<input type="text" name="abc"> 
<input type="button" value="send" id="submit"/> 
</form>

來源

2013-10-22 19:35:42

jQuery的形式提交後輸入是空

回答

相關問題