javascript - 页面中有 2 个 Ajax 表单，但只有一个在工作

Question

我在一个页面中有两个表单。但只有一个有效。

这是网站链接 - http://baysquare-dubai.com/businessbay/real-estate.html

每个表单都有两个脚本。

脚本1:

 <script>
 $(document).ready(function() {
    $("#submit-form-button").click(function() { submitForm(); });
});
function submitForm() {

        $.ajax({
      type: "POST",
      url: "http://famproperties.com/real_estate/property/contact/lead/",
      data: {  
      NAME:   $("#NAME").val(), 
      EMAIL:  $("#EMAIL").val(), 
      MOBILE: $("#MOBILE").val(), 
      NOTE:   $("#NOTE").val(),
      SOURCE: 'BAY.SQUARE',
      CITY: 'ADD CITY',
      },

      success: function() {

         alert ("we will contact you soon ..");

      },
      dataType: 'html'
   });
$("#NAME").val(''); 
 $("#EMAIL").val(''); 
 $("#MOBILE").val(''); 
 $("#NOTE").val('');

};
</script>

在第二个脚本中，它是相同的，但具有不同的 ID。

需要帮助!

Answer 1

您不能使用相同的名称创建两个不同的函数。对于第二个表单，添加函数“submitForm2”而不是“submitForm”。像这样调用正确的函数:

$(document).ready(function() {
    $("#submit-form-button").click(function() { submitForm(); });
});

$(document).ready(function() {
    $("#submit-form-button_v2").click(function() { submitForm2(); });
});