jquery - 如何在网页中添加嵌套的html表单标签

Question

根据我的场景，用户需要提交他/她的个人资料图片，然后获取图片的 URL 并将用户个人资料(包括用户名、性别、年龄和个人资料图片的 URL)保存到服务器.

下面的代码不像我想的那样工作 nested-forms 是不允许的。那么有人可以帮我解决这个问题吗？

<form role="form" action="/submitTheProfile" method="post" >
  <input type="text"  name="fname" id="f1-first">
  <input type="text" name="age"  id="f2-first-name">
  <input type="text" name="gender" id="f3-first-name">

  <form role="form" action="/profilePicUpload" method="post" >

      <input id="file-0b" class="file" type="file">

   </form>

</form>

Answer 1

正如世人所说，您不能使用嵌套表单。因此 JavaScript 可以以不同的方式解决您的问题，例如

HTML

<form role="form" action="/submitTheProfile" method="post" >
  <input type="text"  name="fname" id="f1-first">
  <input type="text" name="age"  id="f2-first-name">
  <input type="text" name="gender" id="f3-first-name">

  <input id="file-0b" class="file" type="file">

</form>

Javascript

document.onload = function(e) {
    var el = document.getElementById('#file-0b'); el.onchange = function(){   // your code... };
 }