jQuery 事件 - submit() 方法

jQuery 事件 - submit() 方法

实例

当提交表单时，显示警告框：

$("form").submit(function(e){
  alert("Submitted");
});

定义和用法

当提交表单时，会发生 submit 事件。

该事件只适用于表单元素。

submit() 方法触发 submit 事件，或规定当发生 submit 事件时运行的函数。

触发 submit 事件

语法

$(selector).submit()

将函数绑定到 submit 事件

语法

$(selector).submit(function)

参数	描述
function	可选。规定当发生 submit 事件时运行的函数。

实例

阻止提交按钮的默认 action

使用 preventDefault() 函数来阻止对表单的提交。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("form").submit(function(e){
    e.preventDefault();
    alert("Submit prevented");
  });
});
</script>
</head>
<body>
<form name="input" action="" method="get">
First name: 
<input type="text" name="FirstName" value="Mickey" size="20">
<br />Last name: 
<input type="text" name="LastName" value="Mouse" size="20">
<br />
<input type="submit" value="Submit">
</form> 
</body>
</html>