Javascript Jquery`。单击`提交所有表单

我有一张表格：

<form class=" id="form-edit_usr" action="edit_usr.php" method="post" enctype="multipart/form-data">

我的问题是当我按下

#userPhoto

元素时，

#上传照片

会打开文件对话框，但它也会提交我的主表单。

---

如何防止

.click（）

提交所有表单/按钮？

根据HTML规范。不能在另一个表单中包含一个表单

在浏览器的检查器中检查生成的html，您将看到“内部表单”丢失

您可以将它们分成两种不同的形式，或者使用纯JS上传文件。

---

这里有一个问题（和答案）。

也许您可以使用jQuery提交功能

$('.button').on('click',function(){
  $('.formID').submit();
});

---

在另一个表单中有一个表单？什么是

usrPhoto

？另一个

submit

按钮？@rybo111是的，我有。但我不把它当作一种形式。我使用它只是为了使用Jquery的

formData

，您不应该出于任何目的嵌套表单。

  <input type="submit" class="btn" value="Update" />
</form>

$('#usrPhoto').on('click', function(){
    //Check if user is selected
    selectedUsr = $('#choosen_usr_email').val();
    if(selectedUsr){
        //If user is selected open file dialog
        $("#uploadPhoto").click();
    }
})

$('.button').on('click',function(){
  $('.formID').submit();
});