一、 validate的使用步骤

1. 引入jquery.min.js

2. 引入 jquery.validate.js

3. 页面加载后对表单进行验证 $("#表单id名").validate({}）
   
   页面加载时，让validate生效。
   

4. 在validate中的rules中编写验证规则（格式如下）字段的name属性:“校验器”（tisps:一个输入框只有一个校验器的时候使用）
   a. 字段的name属性:{校验器:值,校验器:值}(tips:输入框需要有多个校验器的时候使用)

5. 在validate中的messages中编写提示信息(tips格式与rules相对应)

6. 在validate中的submitHandler中编写验证通过执行的内容
   

7. 需要使用input=submit,不能使用button或者其他标签,否则会造成验证不生效并且submitHandler也不执行的效果
   

<form class="form-horizontal tasi-form" id="managerForm">
	<input type="hidden" id="id" name="id" value="${class.id}">
	<!-- 名称 -->
	<div class="form-group">
		<label class="col-lg-2 control-label"><span
			style="color: #ff0000;">*</span>班级名称：</label>
		<div class="col-lg-4">
			<input type="text" class="form-control" name="name" id="name"
				placeholder="班级名称" value="${class.name}">
		</div>
	</div>
	
	<div class="form-group">
		<div class="col-lg-offset-2 col-lg-10">
			<button type="submit" class="btn btn-primary" id="confirm">确定</button>
			<button type="button" class="btn btn-default cantrl"
				id="cancel">取消</button>
		</div>
	</div>
</form>

<script type="text/javascript">
$(function() {
	validateFun();
})
//校验
function validateFun() {
	$("#managerForm").validate({
		onkeyup : false,
		rules : {
			name : {
				required : true,
				maxlength : 100,
				remote : {
					url : "/admin/class/selectByName", //后台处理程序
					type : "post", //数据发送方式
					dataType : "json", //接受数据格式   
					data : {
						name : function() {
							return $("#name").val();
						},
					}
				}
			},
		},
		messages : {
			name : {
				required : "请输入新闻标题！",
				maxlength : "名称不能超过100个字",
				remote : "班级名称已存在，请重新输入。"
			},
		},
		submitHandler:function(form){
        	var name = $("#name").val();
        	var content = $('#content').val();
        	var jsonData = {'id':$('#id').val(),'name':$('#name').val(),'content':$('#content').val()};
	        update(jsonData);
          	return false;
        } 
	});
}
function update(jsonData) {
	disBtn("confirm");
	$.ajax({
		type : "POST",
		url : "/admin/class/update",
		dataType : "json",
		data : jsonData,
		success : function(result) {
			if (result.httpCode == 200) {
				toastr.options.onHidden = function() {
					myRefresh();
				};
				toastr.success("操作成功");
			} else {
				unDisBtn("confirm");
				toastr.error("操作失败，请重新提交！");
			}
		},
		error : function(e) {
			unDisBtn("confirm");
			toastr.error("系统异常，请联系管理员!");
		}
	})
}
</script>