一、html中有submit提交按钮时
1、添加一个表单页面。 只是一个正常的形式,不需要特殊的标记:
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
2、包括jQuery和表单插件外部脚本文件和一个简短的脚本 当初始化形式DOM准备好了:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
$(document).ready(function() {
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
</head>
...
二、用jquery提交时
1、添加一个表单页面。 只是一个正常的形式,不需要特殊的标记:
<form id="order_form" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<button type="button" onclick="order_submit();"></button>
</form>
2、包括jQuery和表单插件外部脚本文件和一个简短的脚本 当初始化形式DOM准备好了:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#order_form').ajaxForm(function(a) {
var b = eval("(" + a + ")");
layer.msg(b);
}).submit();
});
</script>
</head>
...