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的：防止刷新页面按压输入型时=提交

回答

相关问题