如何防止附加到提交按钮的onclick事件

时间:2015-12-13 07:17:05

标签: forms onclick submit form-submit preventdefault

这是我的代码

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("form").submit(function(event){
    event.preventDefault();
    alert("Submit prevented");
 });
});
    function ShowAlert()
   {alert("Form Submitted");}
</script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Al"><br>
Last name: <input type="text" name="LastName" value="McCoy"><br>
<input id="ffff" type="submit" value="Submit" onclick="ShowAlert()">
</form> 
</body>
</html>

预期的行为仅为&#34;提交被阻止&#34;将被提醒,但在真实&#34;表格已提交&#34;和#34;提交被阻止&#34;以给定的顺序被警告。 但是我只想要#34;提交被阻止&#34;被警告有没有办法防止onclick被执行?

1 个答案:

答案 0 :(得分:0)

您只能从提交按钮中删除现有的onClick处理程序。像这样:

$(document).ready(function(){
    $('#ffff').off('click');
    $("form").submit(function(event){
        alert("Submit prevented");
    });
});