Question

我试图在用户名表单中基本抓取用户输入的内容，然后在URL中使用它;如果输入是＆＃34;你好，＆＃34; URL将以/ hello结尾。我是否必须使用j来完成它？

<form class="form-horizontal" role="form">
  <div class="form-group">
  <label for="inputUsername" class="col-sm-2 control-label">Username</label>
  <div class="col-sm-5">
      <input type="text" class="form-control" id="inputUsername" placeholder="Username">
  </div>
  </div>

  <div class="o ">
  <div class="col-sm-offset-2 col-sm-10">
      <a class = "btn btn-default" href=inputUsername> Sign in / Sign up</a>
  </div>
  </div>
</form>

Answer 1

是的，您可以使用JavaScript来获取用户名。正如您的问题评论中所述，您可以更新表单以包含onsubmit属性，您可以在其中实例化一个函数来获取名称。

如果您希望使用inputUsername来定义重定向位置onsubmit，您可能需要使用jQuery作为`preventDefault（）'方法（讨论here）来插入标准操作表单提交。

<form class="form-horizontal" role="form" onsubmit="onFormSubmit()">
  <div class="form-group">
  <label for="inputUsername" class="col-sm-2 control-label">Username</label>
  <div class="col-sm-5">
  <input type="text" class="form-control" id="inputUsername" placeholder="Username">
  </div>
 </div>

  <div class="o ">
  <div class="col-sm-offset-2 col-sm-10">
      <a class = "btn btn-default" href=inputUsername> Sign in / Sign up</a>
  </div>
  </div>
</form>

然后做这样的事情：

<script>
function onFormSubmit() {
    var inputUsername = document.getElementById("inputUsername").value;
    window.location = "/" + inputUsername;
}
</script>

在按钮链接中使用表单输入

1 个答案: