源码下载：http://files.cnblogs.com/wangfengderizi/validator.rar
$(document).ready(function()
{
$(\'#myform\').submit(function(){
jQuery.ajax({
url: "AsynchronousForm.aspx", // 提交的页面
data: $(\'#myform\').serialize(), // 从表单中获取数据
type: "POST", // 设置请求类型为"POST"，默认为"GET"
beforeSend: function() // 设置表单提交前方法
{
new screenClass().lock();
},
error: function(request) { // 设置表单提交出错
new screenClass().unlock();
alert("表单提交出错，请稍候再试");
},
success: function(data) {
new screenClass().unlock(); // 设置表单提交完成使用方法
}
});
return false;
});
});
关键点：$(\'#myform\').serialize()。serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。
注意点：当异步提交获取form表单中的值时，一定 <form id="formid" runat="server">不要加 runat="server"，否则$(\'#myform\').serialize()获取值
会出现乱码，并且无法$.get().post().请求失败，因为data:$(\'#myform\').serialize()乱码，却掉runat="server"即可成功异步请求。
备注：<form id="formid" runat="server">只能出现一次，<form id="formid">可以多个并列出现，但是不能嵌套出现。
jQuery异步提交form表单
这个其实挺简单的，只是一开始我想错了，一开始我打算用jQuery + jQuery.form插件来做，其实不必的，只需要jQuery插件就可以了。
首先，在jsp页面中导入jQuery，
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.4.2.js"></script>
然后在jQuery的ready方法中定义form提交时的动作就可以了，
$(document).ready(function() {
// 使用 jQuery 异步提交表单
$(\'#editRealMsgForm\').submit(function() {
jQuery.ajax({
url: \'editRealMsg.eri\',
data: $(\'#editRealMsgForm\').serialize(),
type: "POST",
beforeSend: function()
{
$(\'#submitButton\').hide();
$(\'#editRealMsgImg\').show();
},
success: function()
{
$(\'#editRealMsgImg\').hide();
$(\'#modifyButton\').show();
$(\'#realName\').attr("disabled","true");
$(\'#tel\').attr("disabled","true");
}
});
return false;
});
});
现在这个form就绑定好jQuery封装的异步提交 方法了，简单吧！