如何在 Bootstrap 中添加指向按钮的链接？答案

【问题标题】：How to add a link to a button in Bootstrap?如何在 Bootstrap 中添加指向按钮的链接？
【发布时间】：2014-12-11 02:51:26
【问题描述】：

我正在使用登录模板，但不知道如何在提交按钮成功时添加链接。现在template 阻止非电子邮件。这是我需要的。

但是当电子邮件检查通过时，我希望它转到另一个网页。

下面是一行：

<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>

我尝试用<a> 标签包装它，它似乎工作了一次，但再也没有，这让我想也许button 标签不应该用a 标签包装？

【问题讨论】：

<a class="btn btn-lg btn-primary btn-block" role="button">Sign in</a>
这会跳过电子邮件检查... =( 它会转到我输入的链接，而不是检查是否输入了有效的电子邮件。
一般来说，表单将提交给脚本（PHP、ASP 或其他），该脚本将处理从表单传递的值，然后将反馈返回给用户并将其重定向到感谢页面或无论如何以及将提交的数据存储在某处。 Bootstrap 不提供此功能。按钮不应包含在锚标记中。
我很困惑。 @BillyMoat 如果您单击问题中的寺庙链接，然后单击“提交”，您会看到一个小气泡，提示您必须输入用户名。当我将按钮包装在链接中时，它不再这样做了。
除非您使用 JavaScript，否则 a 元素无法提交表单，请参阅：stackoverflow.com/questions/8169027/…

【解决方案1】：

首先我不明白为什么你不能有一个action 属性来发送你的数据来发送你的表单？ AFAIK HTML5 电子邮件验证器在表单提交事件之前运行。因此，您可以使用以下 (jquery) 代码将redirect 表单转到任何其他页面：

$('.form-signin').on('submit',function(e){
e.preventDefault(); 
alert('redirect to:' + $(this).data('http://www.test.com/')); 
return false;}
);

请注意，我使用 $(this).data('http://www.test.com/') 和 <form class="form-signin" role="form" data-redirect-url="http://www.test.com/">。

【讨论】：