Bootstrap 3 - 提交到“_blank”的表单答案

【问题标题】：Bootstrap 3 - Form Submitted to "_blank"Bootstrap 3 - 提交到“_blank”的表单
【发布时间】：2015-09-19 06:04:25
【问题描述】：

我正在尝试在 Bootstrap 中创建一个 Bootstrap 表单。我所做的是

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Register a New User</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

  <div class="container">
    <h2>Vertical (basic) form</h2>

    <form role="form" method="POST" target="register">
      <div class="form-group">
        <label for="email">Email:</label>
        <input type="text" class="form-control" id="email" placeholder="Enter email">
      </div>
      <div class="form-group">
        <label for="pwd">Password:</label>
        <input type="text" class="form-control" id="pwd" placeholder="Enter password">
      </div>
      <button type="submit" class="btn btn-default">Register</button>
    </form>
  </div>

</body>
</html>

但是当我提交后，它直接进入另一个新的bl;ank页面并在那里提交表单数据，但我喜欢在同一个页面中提交。

我做错了什么？

【问题讨论】：

标签： jquery html forms twitter-bootstrap

【解决方案1】：

target="register" is your issue. 
Just remove the target="register" or set the target="" from the form.

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


<body>
  <div class="container">
    <h2>Vertical (basic) form</h2>
    <form role="form" method="POST" target="">
      <div class="form-group">
        <label for="email">Email:</label>
        <input type="text" class="form-control" id="email" placeholder="Enter email">
      </div>
      <div class="form-group">
        <label for="pwd">Password:</label>
        <input type="text" class="form-control" id="pwd" placeholder="Enter password">
      </div>
      <button type="submit" class="btn btn-default">Register</button>
    </form>
  </div>

</body>

【讨论】：

【解决方案2】：

您忘记在form 标签中定义action

action="yourFile.php"

在表单中添加一个动作：

 <form role="form"  action="yourFile.php" method="POST" target="register">

【讨论】：

【解决方案3】：

target="register" 是你的问题。如果没有具有该名称的窗口/框架，那么它将打开一个新窗口。要么删除它，要么定位一个已经打开的窗口。

【讨论】：