2

私は現在サイトで作業しています...そしてエラーが発生しました...

私はこのメールフォームを使用しています:

jQuery(document).ready(function($){

// hide messages 
$("#error").hide();
$("#sent-form-msg").hide();

// on submit...
$("#contactForm #submit").click(function() {
    $("#error").hide();

    //required:

    //name
    var name = $("input#name").val();
    if(name == ""){
        $("#error").fadeIn().text("Name required.");
        $("input#name").focus();
        return false;
    }

    // email
    var email = $("input#email").val();
    if(email == ""){
        $("#error").fadeIn().text("Email required");
        $("input#email").focus();
        return false;
    }

    // web
    var web = $("input#web").val();
    if(web == ""){
        $("#error").fadeIn().text("Web required");
        $("input#web").focus();
        return false;
    }

    // comments
    var comments = $("#comments").val();

    // send mail php
    var sendMailUrl = $("#sendMailUrl").val();

    //to, from & subject
    var to = $("#to").val();
    var from = $("#from").val();
    var subject = $("#subject").val();

    // data string
    var dataString = 'name='+ name
                    + '&email=' + email        
                    + '&web=' + web
                    + '&comments=' + comments
                    + '&to=' + to
                    + '&from=' + from
                    + '&subject=' + subject;                                 
    // ajax
    $.ajax({
        type:"POST",
        url: sendMailUrl,
        data: dataString,
        success: success()
    });
});  


// on success...
 function success(){
    $("#sent-form-msg").fadeIn();
    $("#contactForm").fadeOut();
 }

return false;
});

私のページにはこれがあります: 情報を収集し、それを ma の電子メール アドレスに転送します。

<!-- form -->
            <form id="contactForm" action="#" method="post" />
                <fieldset>

                    <p>
                        <label for="name">Naam</label>
                        <input name="name" id="name" type="text" class="form-poshytip" title="Enter your full name" />
                    </p>

                    <p>
                        <label for="email">Email</label>
                        <input name="email" id="email" type="text" class="form-poshytip" title="Enter your email address" />
                    </p>


                    <p>
                        <label for="comments">Bericht</label>
                        <textarea name="comments" id="comments" rows="5" cols="20" class="form-poshytip" title="Enter your comments"></textarea>
                    </p>

                    <!-- send mail configuration -->
                    <input type="hidden" value="kai.zaper@gmail.com" name="to" id="to" />
                    <input type="hidden" value="Jebike EmailForm mail" name="subject" id="subject" />
                    <input type="hidden" value="send-mail.php" name="sendMailUrl" id="sendMailUrl" />
                    <!-- ENDS send mail configuration -->

                    <p><input type="button" value="Send" name="submit" id="submit" /> <span id="error" class="warning">Oeps, er is iets fout gegaan, probeer opnieuw.</span></p>
                </fieldset>

            </form>
            <p id="sent-form-msg" class="success">Uw email is verzonden.</p>
            <!-- ENDS form -->

しかし、それは電子メールを送信していません。誰でも助けることができますか？

4

3 に答える 3

0

と競合しているよう$ですjQuery。

宣言する$.noConflict();

例：

$.noConflict();
jQuery(document).ready(function($){

   // hide messages 
   $("#error").hide();
   ...
   ...
   ...
});

また

このように使います

jQuery(document).ready(function(){
    // hide messages 
    jQuery("#error").hide();
    ...
    ...
    ...
});

またはこのように

$(document).ready(function(){
    // hide messages 
    $("#error").hide();
    ...
    ...
    ...
});

jQuery.noConflict()に関するドキュメントを参照してください

于 2012-07-09T19:09:09.050 に答える
0

データが実際に次のように php に送信されていることを確認してください (成功関数のコメントを外し、現在の関数を削除するだけです...):

  $.ajax({
  type:"POST", //php method
  url:'process.php',//where to send data...
  cache:'false',//IE FIX
  data: data,

 //check is data sent successfuly to your process.php
 //success:function(response){
 //alert(response)
 //}

success: function(){ //on success do something...

$('.success').delay(2000).fadeIn(1000);

//alert('THX for your mail!');
} //end sucess 
});
于 2012-07-09T19:16:42.093 に答える