<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 jQuery validate() 插件</title>
<script src="//libs.cdnjs.net/jquery/2.2.1/jquery.js"></script>
<script src="//libs.cdnjs.net/jquery-validate/1.14.0/jquery.validate.min.js"></script>
<script src="//libs.cdnjs.net/jquery-validate/1.14.0/localization/messages_zh.js"></script>
<style>
.cmxform fieldset p.error label {
color: red;
}
div.container {
background-color: #eee;
border: 1px solid red;
margin: 5px;
padding: 5px;
}
div.container ol li {
list-style-type: disc;
margin-left: 20px;
}
div.container {
display: none
}
.container label.error {
display: inline;
}
form.cmxform {
width: 30em;
}
form.cmxform label.error {
display: block;
margin-left: 1em;
width: auto;
}
</style>