js表单校验方法（JQuery-Validate使用方法）

<style type="text/css">
.error{
font-size:25px;
color:red
}
</style>
<script type="text/javascript">
$(function () {
$("#form1").validate({
rules: {
firstname: "required",
lastname: "required",
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true
},
//topic: {
//    required: "#newsletter:checked",
//    minlength: 2
//},
//agree: "required"
},
messages: {
firstname: "请输入您的名字",
lastname: "请输入您的姓氏",
username: {
required: "请输入用户名",
minlength: "用户名必需由两个字母组成"
},
password: {
required: "请输入密码",
minlength: "密码长度不能小于 5 个字母"
},
confirm_password: {
required: "请输入密码",
minlength: "密码长度不能小于 5 个字母",
equalTo: "两次密码输入不一致"
},
email: "请输入一个正确的邮箱",
// agree: "请接受我们的声明",
// topic: "请选择两个主题"
}
})

});
</script>