2009-06-15 2 views
1

onsubmitイベントが発生し、フォームが(action = "mailto:[email protected]"を介して)送信された後、フォームをクリアするか、ウィンドウを閉じるか、何をするのですか?私はJavaScriptを介してフックすることができます投稿投稿ですか?これはクライアント側のみのソリューションでなければなりません。onsubmitの後にプレーンHTMLフォームをクリアするにはどうすればよいですか?

答えて

12

迅速かつ簡単な解決策:

<form action="mailto:[email protected]" 
    onsubmit="this.submit(); this.reset(); return false;"> 
+0

私のコードは次のようになります:

+0

エラーは表示されません。あなたはサンプルページを投稿できますか? – s4y

+0

私はいくつかのプロジェクトで別のプロジェクトにドラッグしますが、少し質問を編集するために戻ってきます –

1

このようなイベントはありません。

あなたはの線に沿って何かでそれをハック可能性:

// Begin anonymous wrapper function to limit the scope of variables 
// and avoid namespace collisions. 
(function() { 
    // Get a quick reference to the form. 
    var f = document.forms.myForm; 
    // Define a submit handler that won't actually 
    // do anything until after the form has "submitted" 
    f.onsubmit = function() { 
    setTimeout(f.reset, 1000); 
    } 
}()); 

&hellip;しかし、action = "mailto:&hellip;"サポートされていないので、limitations of mailto:をハックしようとする代わりに、実際のフォームハンドラを使用する必要があります。

+0

すみませんが、私はそれがどのように動作するか表示されません。フォームが提出されたら。何も起こりません。私はどこかの道に沿ってフォームへの参照を落としています。 –

1
function submit_form() { 
document.formu1.submit(); 
document.formu1.reset(); 
} 
<form name="formu1" action="action-page" method="POST" target="_blank" /> 
Name: <input type="text" name="name" /><br /><br /> 
Pass: <input type="password" name="pass" /><br /><br /> 
<input type="button" value="Send" onclick="submit_form();" /> 
</form> 
関連する問題