如何使用Javascript進行鏈接？

Question

您好，我有使用javascript和html的這段代碼：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Signup Form</title>

  <!-- css -->
  <link rel="stylesheet" href="style.css">
  <style>
    .box {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
    }
  </style>

  <!-- js -->
  <script src="https://unpkg.com/vue"></script>
</head>
<body>

  <div class="hero is-fullheight is-info is-bold">
  <div class="hero-body">
  <div class="container">
    <h1 class="title has-text-centered">Test</h1>
    <div class="box">

      <!-- our signup form ===================== -->
      <form id="signup-form" @submit.prevent="processForm">
        <!-- name -->
        <div class="field">
          <label class="label">Username</label>
          <input 
            type="text"
            class="input" 
            name="name"
            v-model="name">
        </div>

        <!-- email -->
        <div class="field">
          <label class="label">Password</label>
          <input 
            type="password" 
            class="input" 
            name="email" 
            v-model="email"
            @blur="validateEmail">

          <p class="help is-danger" v-if="errors.email">
            Please enter a valid email.
          </p>
        </div>

        <!-- submit button -->
        <div class="field has-text-right">
          <button type="submit" class="button is-danger">
            Log In           
          </button>
        </div>
      </form>

    </div>
  </div>
  </div>
  </div>


  <script>

    var app = new Vue({
      el: '#signup-form',
      data: {
        name: '',
        email: '',
        errors: {
          name: false,
          email: false
        }
      },
      methods: {
        processForm: function() {
          console.log({ name: this.name, email: this.email });
          onclick="test.html"; 

        },
        validateEmail: function() {
          const isValid = window.isValidEmail(this.email);
          this.errors.email = !isValid;
        }
      }
    });

    function isValidEmail(email) {
      var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
      return re.test(email);
    }
  </script>
</body>
</html>

我希望當我單擊按鈕時，可以按test.html的名稱轉到頁面。我嘗試使用href = "test.html但它不起作用。我想我必須用Javascrit編寫它，但是即使使用action = "test.html"也不起作用...

請問你能幫幫我嗎？

非常感謝你！

Answer 1

您似乎要執行的操作是重定向到新頁面。 嘗試：

window.location = "test.html";

代替：

onclick="test.html";

據我所知，所有的onclick =“ test.html”都是創建一個帶有字符串值“ test.html”的變量“ onclick”。 使用要重定向到的URL設置window.location會將用戶導航到該URL。 有關window.location的更多信息，請訪問： https : //developer.mozilla.org/en-US/docs/Web/API/Window/location

如何使用Javascript進行鏈接？

問題描述

1 個解決方案

解決方案1
0 2018-06-08 22:53:20

如何使用Javascript進行鏈接？

問題描述

1 個解決方案

解決方案1 0 2018-06-08 22:53:20

解決方案1
0 2018-06-08 22:53:20