【问题标题】:How do I make submit button redirect to another page?如何使提交按钮重定向到另一个页面?
【发布时间】:2016-12-05 12:53:39
【问题描述】:

我试图弄清楚如何使“提交”按钮重定向到另一个页面。例如,一旦用户完成注册表然后单击“提交”,用户就会被重定向到登录页面。

 <div class="form-group">
            <div class="checkbox col-sm-10 col-sm-offset-2">
                <button type="submit" name="submitf" value="register" class="btn_dark_grey">{translate text='register'}</button>
            </div>      
        </div>

提前致谢。

【问题讨论】:

  • 您正在寻找表单标签的action 属性:w3schools.com/tags/att_form_action.asp
  • 可以从后端完成重定向。所以你的表单提交到 url for ex。 /submit at that url 只需重定向到您想要的 url。
  • 您必须在服务器端执行此操作,如果您仍想在客户端完成,请使用window.location.href = "http://stackoverflow.com";

标签: javascript jquery html


【解决方案1】:

这可以通过使用 html 的“表单”元素来完成。所以你可以简单地做到这一点

<form action="login.php" method="post">
 <div class="form-group">
        <div class="checkbox col-sm-10 col-sm-offset-2">
            <button type="submit" name="submitf" value="register" class="btn_dark_grey">{translate text='register'}</button>
        </div>      
    </div>
</form>

【讨论】:

    【解决方案2】:

    尝试使用您的代码。

    这将与此类似:

    <form action="action_page.php">
      First name:<br>
      <input type="text" name="firstname" value="Mickey"><br>
      Last name:<br>
      <input type="text" name="lastname" value="Mouse"><br><br>
      <input type="submit" value="Submit">
    </form> 
    

    【讨论】:

      【解决方案3】:

      使用形式,简单明了

      <form action="login.aspx" method="get">
          <input type="submit" value="Submit">
      </form>
      

      【讨论】:

        【解决方案4】:

        尝试添加onclick事件, onclick="window.location.href = 'http://stackoverflow.com/'; 这将在同一窗口中打开网址。

        window.open(url) 将在新窗口中打开链接 https://jsfiddle.net/sjo02rqe/

         <div class="form-group">
           <div class="checkbox col-sm-10 col-sm-offset-2">
             <button type="submit" name="submitf" value="register" class="btn_dark_grey" onclick="window.open('http://www.google.com');">{translate text='register'}</button>
           </div>
         </div>
        

        希望对我有所帮助

        【讨论】:

        • 这有帮助:'',
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2018-12-22
        • 2013-01-17
        • 2020-08-20
        • 1970-01-01
        • 2014-07-21
        • 2020-07-28
        • 1970-01-01
        相关资源
        最近更新 更多