本文概述
- jQuery Submit()事件的参数
- jQuery Submit()事件的示例
此事件仅附加到< ??form> 元素。当某些表单元素具有焦点时, 可以通过单击“提交”按钮或按键盘上的Enter按钮来提交表单。当Submit事件发生时, submit()方法会附加一个函数来运行。
句法:
$(selector).submit()
【jQuery Submit()】它触发选定元素的Submit事件。
$(selector).submit(function)
它将功能添加到Submit事件。
jQuery Submit()事件的参数
参数 | 描述 |
---|---|
Function | 它是一个可选参数。它用于指定执行Submit事件时要运行的函数。 |
<
!DOCTYPE html>
<
html lang="en">
<
head>
<
meta charset="utf-8">
<
title>
submit demo<
/title>
<
style>
p {
margin: 0;
color: blue;
}
div, p {
margin-left: 10px;
}
span {
color: red;
}
<
/style>
<
script src="http://img.readke.com/220429/2213533451-0.jpg">
<
/script>
<
/head>
<
body>
<
p>
Type 'srcmini' to submit this form finally.<
/p>
<
form action="javascript:alert( 'success!' );
">
<
div>
<
input type="text">
<
input type="submit">
<
/div>
<
/form>
<
span>
<
/span>
<
script>
$( "form" ).submit(function( event ) {
if ( $( "input:first" ).val() === "srcmini" ) {
$( "span" ).text( "Submitted Successfully." ).show();
return;
}
$( "span" ).text( "Not valid!" ).show().fadeOut( 2000 );
event.preventDefault();
});
<
/script>
<
/body>
<
/html>
立即测试
输出:
键入“ srcmini”以最终提交此表单。
推荐阅读
- jQuery slideUp()
- jQuery slideToggle()
- jQuery show()
- jQuery serializeArray()
- jQuery serialize()
- jQuery选择器
- jQuery select()
- jQuery scrollTop()
- jQuery remove()