jQuery的：防止刷新頁面按壓輸入型時=提交

我有一個MVC 3（剃刀）項目下面的代碼：jQuery的：防止刷新頁面按壓輸入型時=提交

<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的，因爲風格類型透過，但我需要禁用/避免/防止它重裝一次按下頁面。

有沒有辦法刪除從「buttonClear」「提交事件」？

感謝裏卡多

來源

2011-07-15 Ricardo

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

來源

2011-07-15 08:47:11 kinakuta

謝謝，我不得不改變行動：$（'＃username'）。val（「」）; $（ '＃密碼'）VAL（「」）。 – Ricardo

我建議刪除你在click事件處理程序使用preventDefault結合submit事件，而不是處理程序：

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

你已經嘗試submit事件的做法是行不通的，因爲submit事件只能是綁定到form元素，而不是提交表單的按鈕。

來源

2011-07-15 08:46:28

謝謝，我不得不將行爲更改爲：$（'＃username'）。val（「」）; $（ '＃密碼'）VAL（「」）。 – Ricardo

嘗試e.preventDefault();

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

來源

2011-07-15 08:48:34 Vivek

謝謝，我不得不改變行動：$（'＃username'）。val（「」）; $（ '＃密碼'）VAL（「」）。 – Ricardo

爲什麼不

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

來源

2011-07-15 09:03:31 getsetcode

不起作用，或者至少沒有。 – Ricardo

雖然我知道這個帖子是年紀大一點的，我想提供這個答案備案爲好。

<input id="buttonClear" type='submit' value="Clear" />

通常你不會有多個提交按鈕的一種形式。此外，由於您實際上並不想提交功能，因此使用此類型並不準確。最後，您正在尋找「清除」或「重置」功能。您的按鈕應該是：

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

來源

2012-08-02 17:47:55

jQuery的：防止刷新頁面按壓輸入型時=提交

回答

相關問題