2010-12-14 9 views
0

私は、誰かがそれを送信したときに、私のフォームが消えるしたい(と、それはエラーチェックのすべてを渡す) とテキストを置き換えます私はこれを行う方法がありますか?フォームの送信時にフォームをテキストに置き換える方法はありますか?それがあったと</p> <p>いくつかは、どのようなものがあり、「確認メールが送信されましたありがとう」のようなものを言うところ

私は、フォームが動作し、エラーチェックとすべてが動作してい私がする必要があるでしょう、すべてはユーザーがクリックを提出したときに、それが消えるよう..です

私は、PHP、感謝を使用しています!

+0

フォームをAJAXまたは標準フォームで送信していますか? – Nicole

+0

標準を使用しています – George

+0

**要素**。style.displayを使用すると、フォーム要素を非表示にできます。おそらく最も簡単な方法です。同じページにいたい場合は、AJAXを使用してPHPコードを有効にしてください。また、ボタンのタイプが「submit」でないことを確認してください。それは "ボタン"でなければなりません、またはそれは提出し、あなたはページを失うでしょう。 – Lockhead

答えて

0
var td = document.forms.contact.parentNode 
if (td.innerHTML) { 
    td.innerHTML = "your message" 
} else { 
    td.textContent = "your message" 
} 

あなたが提出AJAXを使用している場合は、基本的なフォームを使用している場合は、最後 でそれを入れて、フォームのonSubmit検証属性に機能としてそれを置く

例:

<form onSubmit="emptyForm();" 
0

あなたはいくつかのJavascriptを使用する必要があります:
1.フォームをAJAX経由で送信します。
2.)フォームを保持する要素の内容を変更します

<div id='myForm_container'> 
    <form id='myForm'> 
     <input id="name" name="name"> 
     <input id="email" name="email"> 
     <input type=submit id='mySubmit'> 
    </form> 
</div> 

<script> 
    $('#mySubmit').click(function(){ 
     //do your validation and if passes: 
     $.post("form_submit.php", { name: $('#name').val(), email: $('#email').val()}, 
     function(data){ 
      $('#myForm_container').html(data); 
     }); 
    }); 
</script> 
+0

この場合、form_submit.phpには、フォームを置き換えたいHTMLが返されます。 – FatherStorm

0

私はhttp://www.sligroup.ca/contact_us.phpでフォームをテストしませんでした。なぜなら、私は無意味なメッセージを送信したくないからです。

あなたがしなければならないのは、ormがすでに正しく提出されているかどうかをチェックするために、pifのフォームhtmlソースを出力するスクリプトの部分を囲むことです。いいえjavascriptが必要です。

簡単な例:

$validFormSubmitted = validateform(); 
... 
if(!$validFormSubmitted){ 
echo $formText; 
} 

[EDIT:これはフォームせずにページをリロードします。 PHPソリューションが必要だと言ったが、ページをリロードしたくない場合は、AJAXを使用する必要がある]

+0

私はあなたが何を意味するのかよく分からない... $ formTextとは何ですか? – George

+0

$ formTextは、フォームのhtmlを置く場所です。 –

関連する問題