2012-04-03 11 views
2

私のウェブサイトでこの(http://www.j-download.com/demo/demo-j-dcontact.html)フォームを使用しています。それは素晴らしいですが、唯一の問題は成功した投稿の後にすべてのフィールドがまだ満たされていることです。 誰かがこれで私を助けてくれますか?私はフィールドが成功裏に提出された後に自動的に空になるようにしたいと思います。提出後にフォームのフィールドを自動で空白にする方法

ありがとう。

+1

あるとacheivedすることができますreset()関数を使用します。フォームの後に次のようなものがあります: '$( '#myForm')。reset();'。 '$( '#myForm')。find( ':input')。each();'で指定されたすべてのフォーム要素をループすることもできます。 – faino

+0

ありがとうございます。私はこれを今作ってきました。 'document.getElementById(" form "); reset();' のフォームのテンプレート.phpファイルにフォームを投稿した後 –

答えて

7

はjqueryのか、生のjavascriptポスト後とit is explained here

このスクリプトは、(リンクが死ぬ場合には)そのサイトから

function clear_form_elements(ele) { 
    $(ele).find(':input').each(function() { 
     switch(this.type) { 
      case 'password': 
      case 'select-multiple': 
      case 'select-one': 
      case 'text': 
      case 'textarea': 
       $(this).val(''); 
       break; 
      case 'checkbox': 
      case 'radio': 
       this.checked = false; 
     } 
    }); 
} 

あなた可能性もreset()フォーム

+1

ありがとうございました。私は今それをしました 'document.getElementById(" form "); フォームのテンプレート.phpファイルにAFTERフォームの提出を追加しました。 –

関連する問題