Question

我需要将用户重定向到输入标记中指定的页面。

<div id="center">
      <input type="text" id="username" placeholder="Username">
      <button onclick="location.href='rooms/VALUE'" id="connect">EnterRoom</button>
</div>

所以说它＆＃34; VALUE＆＃34;在按钮标签内部，它将重定向到mysite.com/rooms/VALUE

＆＃34; VALUE＆＃34;输入将由输入标签内的用户输入。

我能用这么简单的方法吗？

Answer 1

您可以使用

获取输入值

document.getElementById('username').value

＆＃13;

<div id="center">
      <input type="text" id="username" placeholder="Username">
      <button onclick="location.href='rooms/' + document.getElementById('username').value" id="connect">EnterRoom</button>
</div>

＆＃13;

Answer 2

如果您正在使用jQuery;

<button onclick="location.href='rooms/' + $('#username').val() " id="connect">EnterRoom</button>

并使用javascript

<button onclick="location.href='rooms/' + document.getElementById('username').value " id="connect">EnterRoom</button>

Answer 3

这是一个版本，脚本与您想要的HTML分开。

<div id="center">
      <input type="text" id="username" placeholder="Username">
      <button id="connect">EnterRoom</button>
</div>

<script type="text/javascript">
  var value = ""

  var username = document.getElementById("username")

  username.addEventListener('change', function (e) {
    value = e.target.value
    console.log(value)
  })

  var connect =  document.getElementById("connect")

  connect.addEventListener('click', function (e) {
    location.href='rooms/'+value
  })

</script>

Answer 4

您可以在按钮标记中使用console.log src/components/Submission/submissionTransformer.test.js:31 string console.log src/components/Submission/submissionTransformer.test.js:31 string drivingLicence console.log src/components/Submission/submissionTransformer.test.js:31 string documentNumber console.log src/components/Submission/submissionTransformer.test.js:31 string countryOfIssue console.log src/components/Submission/submissionTransformer.test.js:31 string regionOfIssue console.log src/components/Submission/submissionTransformer.test.js:31 string mothersMaidenName console.log src/components/Submission/submissionTransformer.test.js:31 string nationalIdentityCard console.log src/components/Submission/submissionTransformer.test.js:31 string nationalInsuranceNumber console.log src/components/Submission/submissionTransformer.test.js:31 string passport。

document.getElementById()

Answer 5

有一个单独的javascript函数来做重定向任务很好。在HTML中为按钮添加onclick事件，在javascript函数中编写代码以进行验证和重定向。

HTML

<button onclick="toRedirect()" id="connect">EnterRoom</button>

的Javascript

<script type="text/javascript">
function toRedirect(){
    // get the user input
    var user_value = document.getElementById('username').value ;
    // check the validation
    if(user_value!=''){
        // redirect
       location.href='rooms/' + user_value;
    }else{
        // alert error message
        alert("validation error");
    }
}
</script>

html按钮重定向到<input />中指定的页面

5 个答案: