1

統一されたjqueryプラグインを使用してフォームをフォーマットしました。また、フォームを送信するために、いくつかの効果を追加したため、リンクを使用しています。これに入力タイプの送信を使用すると、均一にフォーマットされます。

<form>
      <ul>
        <li><label>Your Name:</label><input type="text" name="name" size="40"/></li>
        <li><label>Your Email:</label><input type="email" name="email" size="40"/></li>
    <li>
          <label>Gender:</label>
          <select name="gender">
            <option>Male</option>
            <option>Female</option>
            </select>
        </li>
    <li><label>Subject:</label><input type="text" name="subject" size="40"/></li>

    <li><label>Write your letter here:</label><textarea name="message" cols="60" rows="15"></textarea></li>
        OR ELSE<br/><br/>
        <li>
          <label>Upload your letter:</label>
          <input type="file" />
        </li>
        <li>
            <a id="mylink" class="button" href="#">
    <img src="button.png" alt="" />Send</a>


        </li>

      </ul>
    </form>

リンクを使用してこのフォームを送信し、同時に2つの電子メールIDに電子メールで送信したいと思います。どのjavascriptコードを使用できますか。次のコードを使用してフォームを送信してから、send.phpでメールを送信しています。

a.onclick = function() {
    $(this).parents('form:first').submit();
    send.php;

    return false;
}​

このようにsend.phpを呼び出すことは可能ですか?

4

2 に答える 2

2

意味は:

フォームにaction="send.php"がある場合は、

$(document).ready(function() {
    $("#mylink").click(function(e) {
        e.preventDefault();
        $(this).closest('form').submit();
    });
});

または、フォームのアクションを設定して送信することもできます。

$(document).ready(function() {
        $("#mylink").click(function(e) {
            e.preventDefault();
                var myFrm = $(this).closest('form');
                myFrm.get(0).setAttribute('action', 'send.php');
            myFrm.submit();
        });
    });

または、ajaxを使用します

$(document).ready(function() {
    $("#mylink").click(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "send.php",
            data: {your data to post here},
            succes: function(resp) {
                //your response here
            }
        });
    });
});
于 2012-06-24T09:04:05.613 に答える
1

このようにsend.phpを呼び出すことは可能ですか?

このようにajaxいいえ、リクエストを使用する必要があります:

$.ajax({
    url :"send.php"
});

追加のヒント:変更:

$(this).parents('form:first').submit();

に:

$(this).closest('form').submit();
于 2012-06-24T08:44:20.207 に答える