拼湊一個jQuery表單郵件

Question

我的新手在這裏閃閃發光......我設法拼湊出一個效果很好的表單郵件工具，但現在我需要添加兩個字段，並且我對如何添加去做吧。幾個月來，我已經評論了一些我不需要的東西，但現在我被卡住了。

我從本教程借使原有的形式： http://trevordavis.net/blog/tutorial/ajax-forms-with-jquery/

但後來我拆解它使一個通訊的電子郵件註冊表單，所以我需要的字段有：

• 收件人電子郵件（我的電子郵件，硬編碼）

• 發件人的電子郵件地址

• 的S ubject（硬編碼）
• 名字和城市的 體內的消息

對於我的形式，我有這樣的：

<div> 
    <?php include('verify.php'); ?> 
     <form action="index_success.php" method="post" id="sendEmail" class="email"> 
     <h3 class="register2">Newsletter Signup:</h3> 
     <ul class="forms email"> 
     <li class="name"><label for="yourName">Name: </label> 
    <input type="text" name="yourName" class="info" id="yourName" value=" " /><br> 
    </li> 

    <li class="city"><label for="yourCity">City: </label> 
    <input type="text" name="yourCity" class="info" id="yourCity" value=" " /><br> 
    </li> 
    <li class="email"><label for="emailFrom">Email: </label> 
    <input type="text" name="emailFrom" class="info" id="emailFrom" value="<?= $_POST['emailFrom']; ?>" /> 
       <?php if(isset($emailFromError)) echo '<span class="error">'.$emailFromError.'</span>'; 
       ?> 
      </li> 

      <li class="buttons email"> 
       <button type="submit" id="submit">Send</button> 
       <input type="hidden" name="submitted" id="submitted" value="true" /> 
      </li> 

     </ul> 
     </form> 
</div> 

emailcontact.js：

$(document).ready(function(){ 
    $("#submit").click(function(){ 
    $(".error").hide(); 
    var hasError = false; 
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 


    var emailFromVal = $("#emailFrom").val(); 

    if(emailFromVal == '') { 
     $("#emailFrom").after('<span class="error">You forgot to enter the email address to send from.</span>'); 
     hasError = true; 

    } else if(!emailReg.test(emailFromVal)) { 
     $("#emailFrom").after('<span class="error">Enter a valid email address to send from.</span>'); 
     hasError = true; 
    } 

    var subjectVal = $("#subject").val(); 
    if(subjectVal == '') { 
     $("#subject").after('<span class="error">You forgot to enter your name.</span>'); 
     hasError = true; 
    } 

    var messageVal = $("#message").val(); 
    if(messageVal == '') { 
     $("#message").after('<span class="error">You forgot to enter your city.</span>'); 
     hasError = true; 
    } 
    if(hasError == false) { 
     $(this).hide(); 
     $("#sendEmail li.buttons").append('<img src="/wp-content/themes/default/images/template/loading.gif" alt="Loading" id="loading" />'); 
     $.post("/includes/sendemail.php", 
//emailTo: emailToVal, 
      { emailFrom: emailFromVal, subject: subjectVal, message: messageVal }, 
      function(data){ 
      $("#sendEmail").slideUp("normal", function() { 
       $("#sendEmail").before('<h3 class="register2">Success!</h3><p class="emailbox">You are on the Newsletter email list.</p>'); 
      }); 
      } 
     ); 
    } 
    return false; 
    }); 
}); 

sendmail.php：

<?php 
$mailTo = $_POST['emailTo']; 
$mailFrom = $_POST['emailFrom']; 
$subject = $_POST['yourName']; 
$message = $_POST['yourCity']; 
mail('me@myemail.com','Newsletter', 'Name='.$subject. ' City='.$message, "From: ".$mailFrom); 

?> 

感謝您的幫助！我正在試圖找出這個問題。

Answer 1

不是100％確定這裏有什麼困難。從我閱讀的OP中，我假設以下內容：

• 您希望向表單中添加額外的兩個字段（'first name'和'city'），並將其內容顯示在生成的電子郵件。
• 您想硬編碼收件人的電子郵件地址。
• 您想要爲發件人的電子郵件地址的表單添加一個額外的字段。
• 您想硬編碼生成的電子郵件的主題。

我不能完全肯定，如果這是你想要的東西爲「發件人的電子郵件地址主題（硬編碼）」不健全的非常清楚。

無論如何，工作過這些假設：

1. 在PHP文件只需添加兩個新字段的形式爲「的firstName」和「城市」（注：這些都只是建議場名稱，並且可以是任何你想要的，但我會在提供的解決方案中使用這些以清晰起見。）

2. 在之內的sendmail。php文件，修改如下：

   $ mailTo ='your_email_address@server.com'; //這是硬編碼的收件人地址 $ mailSubject ='這是主題'; //這是硬編碼主題

   $ mailFrom = $ _POST ['emailFrom']; $ firstName = $ _POST ['firstName']; $ city = $ _POST ['city'];

   ...（其他字段，也許在這裏進一步驗證）... $ mailHeader =「From：{$ mailFrom}」; $ mailBody =「Name = {$ firstName} City = {$ city}」;

   mail（$ mailTo，$ mailSubject，$ mailBody，$ mailHeader）;

3. 我還應該注意到，在包含表單的PHP文件中，沒有字段叫做「主題」，但它被Javascript/jQuery驗證引用。

使用現有的例子作爲框架與體系，使熟悉是一個偉大的想法，但你必須開始重新定義這個例子做你需要的工作，這意味着改變變量名點（你可能已經適應了其他目的），以便它們合乎邏輯並適合於它們包含/用於的內容等。