表单ajax提交插件,与表单（Form）插件的交互（AJAX 提交） - 手册网

jQuery Validate 插件 - 与表单(Form)插件的交互(AJAX 提交)

.warning { color: red; }

jQuery(function() {

$.mockjax({

url: "login.action",

response: function(settings) {

var user = settings.data.match( /user=(.+?)($|&)/ )[ 1 ],

password = settings.data.match( /password=(.+?)($|&)/ )[ 1 ];

if ( password !== "foobar" ) {

this.responseText = "您的密码是错误的(必须是 foobar)。";

return;

}

this.responseText = "您好 " + user + "，欢迎回来。";

},

responseStatus: 200,

responseTime: 500

});

// 显示一个简单的加载指示器

var loader = jQuery('

')

.css({position: "relative", top: "1em", left: "25em", display: "inline"})

.appendTo("body")

.hide();

jQuery().ajaxStart(function() {

loader.show();

}).ajaxStop(function() {

loader.hide();

}).ajaxError(function(a, b, e) {

throw e;

});

var v = jQuery("#form").validate({

submitHandler: function(form) {

jQuery(form).ajaxSubmit({

target: "#result"

});

}

});

jQuery("#reset").click(function() {

v.resetForm();

});

});

登录表单(输入 "foobar" 作为密码)

用户名

密码

请登录！

重置上面的表单！