Jquery Submit()
jQuery Submit()此事件仅附加到<form>元素。当某些表单元素具有焦点时,可以通过单击"提交"按钮或按键盘上的Enter按钮来提交表单。当Submit事件发生时,submit()方法将附加一个函数来运行。
语法:
它触发选定元素的提交事件。
$(selector).submit(function)
它向Submit事件添加了一个函数。
jQuery Submit()事件的参数
参数 |
说明 |
function |
这是一个可选参数。用于指定执行Submit事件时要运行的功能。 |
jQuery Submit()事件的示例
我们以一个示例来演示jQuery 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="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>输入'lidihuo' 提交,否则验证不通过。</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() === "lidihuo") {
$("span").text("Submitted Successfully.").show();
return;
}
$("span").text("Not valid!").show().fadeOut( 2000 );
event.preventDefault();
});
</script>
</body>
</html>
输出: