html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5
<title>jQuery Validate 插件 - 与表单（Form）插件的交互（AJAX 提交）</title>6
<link rel="stylesheet" media="screen" href="//static.NowJava.com/assets/jquery-validation-1.14.0/demo/css/screen.css">7
<style type="text/css">8
.warning { color: red; }9
</style>10
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>11
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/lib/jquery.mockjax.js"></script>12
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/lib//jquery.form.js"></script>13
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>14
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>15
<script>16
jQuery(function() {17
$.mockjax({18
url: "login.action",19
response: function(settings) {20
var user = settings.data.match(/user=(.+?)($|&)/)[1],21
password = settings.data.match(/password=(.+?)($|&)/)[1];22
if (password !== "foobar") {23
this.responseText = "Your password is wrong (must be foobar).";24
return;25
}26
this.responseText = "Hi " + user + ", welcome back.";27
},28
responseStatus: 200,29
responseTime: 50030
});31
32
// show a simple loading indicator33
var loader = jQuery('<div id="loader"><img src="images/loading.gif" alt="loading..."></div>')34
.css({35
position: "relative",36
top: "1em",37
left: "25em",38
display: "inline"39
})40
.appendTo("body")41
.hide();42
jQuery().ajaxStart(function() {43
loader.show();44
}).ajaxStop(function() {45
loader.hide();46
}).ajaxError(function(a, b, e) {47
throw e;48
});49
50
var v = jQuery("#form").validate({51
submitHandler: function(form) {52
jQuery(form).ajaxSubmit({53
target: "#result"54
});55
}56
});57
58
jQuery("#reset").click(function() {59
v.resetForm();60
});61
});62
</script>63
64
</head>65
<body>66
67
<div id="main">68
69
<form method="post" class="cmxform" id="form" action="form-action.php">70
<fieldset>71
<legend>登录表单（输入 "foobar" 作为密码）</legend>72
<p>73
<label for="user">用户名</label>74
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java