0

我在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 名称并匹配它们，则脚本将停止工作-理论上它应该可以工作-不确定这有什么问题。

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

4

1 回答 1

1

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

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

于 2013-04-19T19:17:42.423 回答