在 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'] 来确定要做什么。