javascript - 电子邮件输入值在使用 javascript 的警报中未定义

Question

我有包含电子邮件输入字段的表单

<form id="TypeValidation" action="" method="post" enctype='multipart/form-data'>
   <div class="form-group has-label col-sm-6">
        <label>
            Email
        </label>
        <input class="form-control" name=email" type="email" required>
        </div>
      <div class="card-footer text-center">
              <button type="submit" name="add_usr_acc" id="add_usr_acc" value="add_usr_acc" class="btn btn-primary" >Add</button>
     </div>
   </div>
</form>

问题是在脚本代码中，当电子邮件警报出现时未定义。如何获取用户输入电子邮件的值(value)

  <script>
    $("#TypeValidation").on('submit', (function(e) {
      var email = $(this).find('input[name="email"]').val();
      alert(email); {
        e.preventDefault();
        $.ajax({
          url: "fn_acc_submit.php?addUsraccID=" + addUsraccID,
          type: "POST",
          data: new FormData(this),
          contentType: false,
          cache: false,
          processData: false,
          dataType: "html",
          beforeSend: function() {
            $("#add_usr_acc").prop('disabled', 'disabled')
          },
          success: function(result) {
            alert(result);
            location.reload();
            if (result == '1') {
              location.replace("lst_user_account.php");

            } else {
              location.replace("add_user_account.php");

            }
          }
        });
      }
    }));
  </script>

请在我做错的地方解决我的问题。

Answer 1

问题出在您的以下行的 HTML 代码中:

    <input class="form-control" name=email" type="email" required>

此处 name=email" 无效。

将此更改为 name="email"