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

您无法使用相同的名称制作两个不同的功能。对于你的第二个表单，添加函数＆＃34; submitForm2＆＃34;而不是＆＃34; submitForm＆＃34;。像这样调用正确的函数：

＆＃13;

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

＆＃13;

2页面中的Ajax表单，但只有一个正在运行

1 个答案: