根据点击的按钮更改表单提交URL

时间:2014-04-10 10:39:13

标签: html button

我想使用button作为指向其他网页的链接。我环顾四周并阅读了一些解决方案但没有成功。我不想在我的action代码中使用form,因为我可能希望将几个按钮作为form代码中的链接。

这是我上次尝试的内容:(没有工作)

<button onclick="location.href='../ClientSide/Registration/registration.aspx'">register</button>
我在做错了什么?还是有更好的/其他方式?

我真的只想使用html如果可能,如果没有那么使用:javascript或asp.net(我不知道jquery或php)

4 个答案:

答案 0 :(得分:1)

在您的页面上使用jQuery和此代码

$(function(){
   $("button").on("click",function(e){
      e.preventDefault();
      location.href='../ClientSide/Registration/registration.aspx';
   })
});

e.preventDefault()使表单不提交

答案 1 :(得分:1)

您不能仅使用HTML 直接

您有两种选择:

选项1 将数据发布到服务器上的单个脚本,该脚本根据单击的按钮决定要执行的操作。

<form action="/some-url.aspx" method="post">
  <button name="button_action" value="register">register</button>
  <button name="button_action" value="another">another</button>
</form>

然后,/some-url.aspx处的脚本将根据button_action的值决定下一步操作。

选项2 使用JavaScript根据点击的按钮更改form的{​​{1}}属性。

action

选项1 更易于访问,但在服务器端需要一些混乱。 选项2 相当干净,但需要使用JavaScript并且有点混乱。这实际上取决于您希望获得额外逻辑的位置以及您对表单可访问性的看法。

答案 2 :(得分:0)

一个简单的答案是将按钮包裹在锚

<a href='../ClientSide/Registration/registration.aspx'>
<button>Click Here</button>
</a>

答案 3 :(得分:0)

按照https://css-tricks.com/separate-form-submit-buttons-go-different-urls/

使用formaction="url"<input>上的<button>标记