javascript - 提交后清除表单中的文本字段

Question

我有以下表格:

<form onsubmit="chat.sendMsg(); return false;">
    <label for="msg" style="float:left">Message:</label>
    <input type="text" id="msg" name="msg" autofocus="true" placeholder="Type Your Meassage Here" />
    <input type="submit" />
</form>

以及随之而来的 JavaScript:

//For sending message
this.sendMsg=function(){ 
    msg=document.getElementById("msg").value;
    chatZone.innerHTML+='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';
    oldata='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';           
    this.ajaxSent();  
    return false;
};

一切正常，但是当我提交表单时，文本保留在表单中。在我按 Enter/单击提交后如何清除此文本字段？

ps我不使用jquery

Answer 1

使用这个:document.getElementById("msg").value = '';

this.sendMsg=function(){ 
      msg=document.getElementById("msg").value;
      chatZone.innerHTML+='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';
      oldata='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';           
      this.ajaxSent();  
      document.getElementById("msg").value = '';//here
      return false;
 };