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();
});