实时表单 - 提交明确的文本字段

时间:2012-05-18 09:26:30

标签: javascript jquery forms real-time

我一直在仔细研究StackOverflow并找到了一些解决方案,但它们对我不起作用:(可能是因为我无法正确放置代码串。

我有一个向数据库提交内容的表单 - 以及一个将数据库输入加载到表单下方的div中的脚本。它实时工作,延迟很短。

<div id="addCommentContainer">

<form id="addCommentForm" method="post" action="">
    <div>

        <input type="hidden" name="name" value="<?php echo $loggedInUser->display_username; ?>"  id="name" />

        <input type="hidden" name="email" value="<?php echo $loggedInUser->email; ?>"  id="email" />

        <textarea name="body" id="body" cols="20" rows="5"></textarea>

        <input type="submit"  id="submit" value="Submit" />
    </div>
</form>

有效。我也有这个脚本: http://sandbox.jinoh.dk/script.js

我尝试了一个解决方案onclick - 但它使内容消失而不被发布。我试过提交 - 但它没有用。我想要的是要发布的“评论”,然后从表格中删除,即要清除的表格。

Chatchatchat-div是加载评论的那个。

1 个答案:

答案 0 :(得分:0)

$('#addCommentForm').submit(function(e){
  var form = this;
  .....
  ....

  $.post('submit.php',$(this).serialize(),function(msg){
    if(msg.status){
      form.reset(); // if you want to reset on msg status
    }
    ....                
  });

  this.reset(); // just reset the form what happen
});