Question

我实际上在visualforce页面中遇到html5按钮问题。我有一个要求，当我点击一个按钮时，它应该重定向到某个页面（用户不想要链接）。由于某些我不知道的原因，我正在执行的功能不能使用HTML5按钮（实际上页面只刷新但不重定向）但是当我使用类型按钮的输入时，该功能按预期执行。

我想使用html5按钮，因为在插件即时使用中已经为按钮定义了一些特定的CSS。找到我的按钮和javascript函数的以下代码：

  <button class="butt" onclick="newContact()" >Nouveau</button>

  <script type="text/javascript">
     function newContact(){
        window.location = "/apex/VFP01_NewContact";
     }
 </script>

我在这里做错了什么，html5按钮有什么限制？

Answer 1

知道答案。在visualforce页面中，html5按钮执行我的表单提交。防止这种情况的一种方法是指定属性type =“button”。

Answer 2

你真的有两种选择。

您可以考虑使用锚标记包装元素，该锚标记指向您要定位的网址，如下所示：

    <!-- Target the "YourAction" action in your "YourController" controller -->
<a href='@Url.Action("YourAction","YourController")'>
    <input type="Button" id="mybutton" name="url button" value="Next" />
</a>

或者您可以完全通过Javascript处理此问题并以这种方式执行导航：

<!-- The onclick event will trigger a Javascript call to navigate -->
<input type="Button" id="mybutton" name="url button" value="Next" onclick="window.location.href='@Url.Action("YourAction","YourController")';" />

按钮不执行window.location

2 个答案: