Question

我在http://daniloportal.com/NPC2/contact.html

上有联系表格

现在这个ajax脚本运行得很好，但我有其他联系表单，我想使用相同的脚本。因此，当我尝试创建脚本的多个实例时，我注意到它停止工作，因为ID名称不是特定的ajax-contact-form。看看代码：

<form id="ajax-contact-form" action="">
  <input type="text" name="name" value="Name *" title="Name *" />
  <input type="text" name="email" value="Email " title="Email *" />
  <input type="text" name="email" value="Email *" title="Email *" />
  <textarea name="message" id="message" title="Message *">Message *</textarea>
    <div class="clear"></div>
  <input type="reset" class="btn btn_clear" value="Clear form" />
  <input type="submit" class="btn btn_blue btn_send" value="Send message!" />
<div class="clear"></div>
   </form>

和继承人JS

$("#ajax-contact-form").submit(function() {
    var str = $(this).serialize();      
    $.ajax({
        type: "POST",
        url: "contact_form/contact_process.php",
        data: str,
        success: function(msg) {
            // Message Sent - Show the 'Thank You' message and hide the    form
            if(msg == 'OK') {
                result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
                $("#fields").hide();
            } else {
                result = msg;
            }
            $('#note').html(result);
        }
    });
    return false;
});

现在，如果我要在两者上切换那个ID名称并将它们匹配，那么脚本就会停止工作 - 理论上它应该可以工作 - 不确定这是错误的。

一如既往地感谢任何帮助，谢谢！

Answer 1

如果你试图用jQuery访问两个具有相同id的元素 - 什么都不会发生。每个元素必须具有唯一标识符，否则您应该使用类。

但是，你能给我们另一种形式的标记吗？

ajax联系表单ID，有问题

1 个答案: