在AJAX電子郵件表格上使用2個不同的提交按鈕

Question

我對AJAX非常陌生，昨天接受了一個教程，無需刷新頁面即可在我的網頁上獲取電子郵件系統。這是我目前的代碼：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#myform").validate({ 
      debug: false, 
      rules: { 
       name: "required", 
       email: { 
        required: true, 
        email: true 
       } 
      }, 
      messages: { 
       name: "Please let us know who you are.", 
       email: "A valid email will help us get in touch with you.", 
      }, 
      submitHandler: function(form) { 
       // do other stuff for a valid form 
       $.post('http://www.test.co.uk/erc/process.php?imei=<?php echo $imei; ?>&send_type=1', $("#myform").serialize(), function(data) { 
        $('#results').html(data); 
       }); 
      } 
     }); 
    }); 

</script> 

<form name="myform" id="myform" action="" method="POST"> 
<!-- The Email form field --> 
    <label for="email" id="email_label">Email</label> 
    <input type="text" name="email" id="email" size="30" value=""/> 
    <br> 
<!-- The Submit button --> 
    <input type="submit" class="email-buttons" name="submit" value="Alternate Medical history"> 
</form> 

這很好，電子郵件通過process.php發送，無需刷新頁面。我真正需要的是能夠在「電子郵件」文本區域中輸入電子郵件地址，並且有2個不同的提交按鈕。其中一個按鈕將發送信息A到輸入的電子郵件，另一個將發送信息B.

這是可能的還是我需要有2個完全獨立的表單和2個電子郵件輸入框？

感謝所有幫助

Answer 1

我不會使用單獨的提交按鈕 - 這將是錯誤的，如果你在乎形式的可用性。我會使用下拉或單選按鈕和單個提交按鈕。在你的情況，這使得能夠獲得期望的結果而無需修改代碼太多：

<form name="myform" id="myform" action="" method="POST"> 
<!-- The Email form field --> 
    <label for="email" id="email_label">Email</label> 
    <input type="text" name="email" id="email" size="30" value=""/> 
    <br> 
<!-- The Email form field --> 
    <input type="radio" name="info_type" value="a"> send information A <br> 
    <input type="radio" name="info_type" value="b"> send information B <br> 
    <br> 
<!-- The Submit button --> 
    <input type="submit" class="email-buttons" name="submit" value="Alternate Medical history"> 
</form> 

，然後使用您process.php$_POST['info_type']，以確定該怎麼做。