jQuery提交表单
时间：2020-02-23 14:46:15 来源:igfitidea点击:
当用户尝试提交表单时，jQuery Submit()函数将触发。
jQuery提交表单方法附加一个处理程序，该处理程序在触发Submit事件时执行。
jQuery提交表单
使用jQuery Submit()函数提交表单的语法：
- submit()
该签名不带任何参数。
此方法是.trigger(" submit")的快捷方式。
- submit(处理程序)
处理程序是一个函数，在提交表单时执行。
该方法是.on(" submit"，handler)的快捷方式。
jQuery提交表单示例
以下示例演示了使用jQuery提交表单的Submit()函数用法。
<!DOCTYPE html>
<html>
<head>
<title>jQuery Submit</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<style>
p {
margin: 0;
color: blue;
}
div,p {
margin-left: 10px;
}
.spanSuccess {
color: green;
}
</style>
</head>
<body>
<form action="javascript:alert( 'success!' );">
<div>
Name : <input type="text" name="Name" value="theitroad">
<input type="submit" value="Submit">
</div>
</form>
<span class="spanSuccess">
<script>
$( "form" ).submit(function( event ) {
$( "span" ).text( "Submitted Successfully..." ).show();
event.preventDefault();
});
</script>
</body>
</html>
在上面的jQuery表单Submit示例中，您可以看到单击Submit按钮时触发了commit()方法。
一条短信显示为"成功提交..."。
jQuery表单提交演示
您可以提交以下表格自行尝试。
您可能已经在上面的代码中注意到了event.preventDefault()。
如果删除此行后再尝试上述示例，则会看到警报。
我们使用" alert()"方法作为默认操作。
因此，代码中需要使用event.preventDefault()来阻止此默认操作。
