jQuery表单的提交 .submit()

.submit()


.submit( handler(eventObject) )返回: jQuery

描述: 为 JavaScript 的 "submit" 事件绑定一个处理函数,或者触发元素上的该事件。

  • 添加的版本: 1.0.submit( handler(eventObject) )

    • handler(eventObject)
      类型:  Function()
      每次事件触发时会执行的函数。
  • 添加的版本: 1.4.3.submit( [eventData ], handler(eventObject) )

    • eventData
      类型:  PlainObject
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    • handler(eventObject)
      类型:  Function()
      每次事件触发时会执行的函数。
  • 添加的版本: 1.0.submit()

    • 这个方法不接受任何参数。

这个函数的前两个用法是 .bind('submit', handler) 的快捷方式,第3个不带参数的用法是 .trigger('submit') 的快捷方式。

当用户试图提交表单时,就会在这个表单元素上触发submit事件。它只能绑定在

元素上。以下几种情况会导致表单被提交:用户点击了, 或者 

Additional Notes(其他注意事项):

  • 表单及他们的子元素不应该使元素名称或ID属性冲突,比如submitlength, 或 method。名称冲突可能会导致混乱的失败。对于一个完整的规则列表,并检查这些问题标记,看DOMLint。

例子:

Example: 如果你想根据一个标识来阻止表单被提交的话,可以像下面这样做:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
          
<html>
<head>
<style>
p { margin:0; color:blue; }
div,p { margin-left:10px; }
span { color:red; }
style>
<script src="https://code.jquery.com/jquery-latest.js">script>
head>
<body>
<p>Type 'correct' to validate.p>
<form action="javascript:alert('success!');">
<div>
<input type="text" />
<input type="submit" />
div>
form>
<span>span>
<script>
$("form").submit(function() {
if ($("input:first").val() == "correct") {
$("span").text("Validated...").show();
return true;
}
$("span").text("Not valid!").show().fadeOut(1000);
return false;
});
script>
body>
html>

Demo:

Example: 如果你想根据一个标识来阻止表单被提交的话,可以像下面这样做:

1
2
3
 
          
$("form").submit( function () {
return this.some_flag_variable;
} );

Example: 触发页面上第一个表单的提交事件:

1
 
          
$("form:first").submit();

你可能感兴趣的:(js)