php - 提交一个表格导致提交另一个 : 3 Html forms in a Page

Question

** 场景:**

• 我在一个页面中有 3 个表单(设置)
• 当我点击任何一个按钮时，其他两个表单被jquery设置为隐藏

** 问题:**

• 当我提交第二个或第三个表单时，尽管所有表单名称都不同，但只提交了第一个表单

• 其他两种形式甚至不响应 jquery 和 preventDefault 方法

第一个表单提交代码:

$('form[name=noteForm]').submit(function(e){    
    var postData = $(this).serialize();
    $.ajax({
        url: baseURL + "admin/Settings/ChangeNotificationSettings",
        type:'post',
        data:postData,
        success:function(data){
            SetNotificationModal('settings successfully updated');
        } ,
        error:function(data){
            alert(data);
        }
    });
    e.preventDefault();
}); 

第二种形式:

$('form[name=socialMedia]').submit(function(evt){
        evt.preventDefault();
        var postData = $(this).serialize();
        $.ajax({
            url:baseURL +"admin/settings/change_social_media",
            type:'post',
            data:postData,
            success:function(){
                SetNotificationModal('social media settings updated');
            }    
        });    
    });

Answer 1

必须在表单标签中使用id

这是你的第一个表单通知

$('#form1').submit(function(e){
  var postData = $(this).serialize();

  $.ajax({
    url: baseURL + "admin/Settings/ChangeNotificationSettings",
    type: 'post',
    data: postData,
    success:function(data){
      SetNotificationModal('settings successfully updated');
    } ,
    error:function(data){
      alert(data);
    }
  });
  e.preventDefault();
});

---

这是您的第二个 Form SocialMedia

<form id="form2"></form>

$('#form2').submit(function(evt){
  evt.preventDefault();
  var postData = $(this).serialize();
  $.ajax({
    url:baseURL +"admin/settings/change_social_media",
    type:'post',
    data:postData,
    success:function(){
     SetNotificationModal('social media settings updated');
    }    
  });    
});

希望对你有帮助