-6

javascriptからphpスクリプトを呼び出す方法を考えていました。あなたがAJAXを使用するつもりだったのは知っていますが、それを機能させることができません。

htmlの連絡フォームがあり、onClickを使用すると、さまざまなフィールドに入力された値を検証するjavascriptスクリプトがアクティブになります。

すべてが有効な場合は、mail.phpというphpスクリプトを呼び出してメールを送信します。

html、javascript、phpスクリプトはすべて機能しますが、これは私にはわかりません。

形:

    <form name="mail" id="mail" method="post">
        <textarea class="message" name="message" id="message">Input message to send here.</textarea>
          <div class ="type">
          <h2>Contact</h2><br /><br />
          <h3>Name</h3><br />
          <h3>Email</h3><br />
          <h3>Subject</h3><br />
          <div class="text-boxes">
             <input type="text" class="input-text" name="name" id="name"/><br /><br />
             <input type="text" class="input-text" name="email" id="email"/><br /><br />
             <input type="text" class="input-text" name="subject" id="subject"/><br /><br />
          </div>
          <div class="submit">
             <input type="image" src="images/submit.gif" alt="Submit button" onClick="validate(this.form)"/>
          </div>
     </form>

送信時に、フォームはjsスクリプトを呼び出します。

ありがとう。

4

2 に答える 2

3

フォームを作成する必要submitがあります。(またはJavaScriptを使用してフォームを有効にしてから送信してください)

<form id="email_form">
    <input name="name">
    <input type="submit" id="submit_btn">
</form>

その後mail.php、情報を取得し、そこでやりたいことが何でもできます。

追加した

formJavaScriptで送信するには:

document.querySelector("#submit_btn").addEventListener("click",function(e){
    var form = document.querySelector("#email_form");  //Select the form
    form.submit();                            //Submit it (very self-explanatory)
    e.preventDefault();
},false);
于 2012-05-13T20:18:59.833 に答える
0

form タグに action 属性がありません:

<form name="mail" id="mail" method="post" action="mail.php">

これがないと、フォームはどこにも送信されません!

は、ファイルmail.phpと同じフォルダーにある必要があることに注意してください。html


さらに、JavaScript で送信するには、すべてのフィールドを検証した後、次のことができます。

document.forms["mail"].submit();

ノート:

JavaScript と PHP を投稿すると、より良いヘルプが提供されます。

于 2012-05-13T20:41:52.373 に答える