Jquery：按下输入类型=提交时防止重新加载页面

Question

我在 MVC 3 (Razor) 项目中有以下代码：

<div class="user_info" id="id_user_info">
   <script type="text/ecmascript"  >
      $(function () {
         $('#buttonClear').live('submit', function (e) { return false; });
         $('#buttonClear').bind('click', function () {
            $('username').value = "";
            $('password').value = "";
         });
   </script>
   @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { id = "loginForm" }))
   {
      <label for="username">Enter:</label>
      <input name="username" id="username" type="text" value="" /><br />
      <input name="password" id="password" type="password" value="" /><br />
      <input name="rememberMe" id="rememberMe" type="checkbox" value="true" />
      <label for="rememberMe">Remember me?</label><br />
      <input id="buttonLogin" type='submit' value="Login" />
      <input id="buttonClear" type='submit' value="Clear" />
   }
</div>

由于样式原因，我需要将“buttonClear”保留为类型 sumbit，但我需要禁用/避免/防止它在按下后重新加载页面。

有没有办法从“buttonClear”中删除“提交事件”？

谢谢 里卡多

Answer 1

$('#buttonClear').click(function(e){
  // do whatever actions you need here
  e.preventDefault();
});

Answer 2

我建议删除您绑定到 submit 事件的处理程序，并在 click 事件处理程序中使用 preventDefault

$('#buttonClear').bind('click', function (e) {
   e.preventDefault();
   $('username').value = "";
   $('password').value = "";
});

：您尝试过的 commit 事件方法将不起作用，因为 submit 事件只能绑定到 form 元素，而不能绑定到提交表单的按钮。

Answer 3

尝试e.preventDefault();

   $('#buttonClear').bind('click', function (e) {
       e.preventDefault();
       $('username').value = "";
       $('password').value = "";
    });

Answer 4

虽然我意识到这篇文章有点旧，但我也想提供这个答案以供记录。

>

通常，一张表单不会有多个提交按钮。此外，由于您实际上并不需要提交功能，因此使用此类型并不准确。最后，您正在寻找“清除”或“重置”功能。你的按钮应该是：

<input id="buttonClear" type="reset" value="Clear" />

Answer 5

为什么不只是

$('#buttonClear').click(function() {
    return false;
});