表单输入验证-validate

<span style="color:#cc0000;"><script type="text/javascript" src="/<span style="font-family: Arial, Helvetica, sans-serif;">jquery.validate.js</span><span style="font-family: Arial, Helvetica, sans-serif;">"</span><span style="font-family: Arial, Helvetica, sans-serif;">>  <!--引入jquery.validate.js--></span></span>

<form id="register-form" action="add.php" method="post">

<input type="text" id="company" name="company" placehoder="输入单位名称"/>
<div class="err-text" ></div>  <!-- 错误显示位置-->

<input type="text" id="account"  name="account" placehoder="超级管理员账号"/>
<div class="err-text" ></div>

<input type="password" id="password"  name="password" placehoder="密码(6-20字符)"/>
<div class="err-text"></div>

<input type="password" id="password_confirm" name="password_confirm" placehoder="确认密码"/>
<div class="err-text"></div>

<input type="text" id="email"  name="email" placehoder="输入邮箱" />
<div class="err-text" ></div>

<input type="text" id="code"  name="code" class="code" placehoder="验证码"/>
<span><img id='imgcode' class="change" src="anthcode.php" alt=""></span>
<div class="err-text "></div>

<input type="checkbox"class="checkbox" id="agree" name="agree" />
<span class="err-text"></span>

<span for="agree">已阅读并同意<a target=_blank href="protocol.html">《SCLAEOA使用协议》</a></span>
<div><input type="submit" value="创建账户" class="btn"/></div>
</form>

jQuery.extend(jQuery.validator.messages, {
		required: "必选字段",
		remote: "已被注册",
		email: "请输入正确格式的电子邮件",
		url: "请输入合法的网址",
		date: "请输入合法的日期",
		dateISO: "请输入合法的日期 (ISO).",
		number: "请输入合法的数字",
		digits: "只能输入整数",
		creditcard: "请输入合法的信用卡号",
		equalTo: "请再次输入相同的值",
		accept: "请输入拥有合法后缀名的字符串",
		maxlength: jQuery.validator.format("请输入一个 长度最多是 {0} 的字符串"),
		minlength: jQuery.validator.format("请输入一个 长度最少是 {0} 的字符串"),
		rangelength: jQuery.validator.format("请输入 一个长度介于 {0} 和 {1} 之间的字符串"),
		range: jQuery.validator.format("请输入一个介于 {0} 和 {1} 之间的值"),
		max: jQuery.validator.format("请输入一个最大为{0} 的值"),
		min: jQuery.validator.format("请输入一个最小为{0} 的值")
	});
	$(function () {
		$('#register-form').validate({
			rules: {
				company: {
					required: true,
					remote: {
						url: 'json_nocheck.php',
						type: 'post',
						data: {
							op: 'form_chk',
							name: 'company_name',
							val: function () {
								return $('#company').val();
							}
						}
					}
				},
				account: {
					required: true,
					minlength: 6,
					maxlength: 20,
					remote: {
						url: 'json_nocheck.php',
						type: 'post',
						data: {
							op: 'form_chk',
							name: 'account',
							val: function () {
								return $('#account').val();
							}
						}
					}
				},
				password: {
					required: true,
					minlength: 6,
					maxlength: 20,
				},
				password_confirm: {
					required: true,
					minlength: 6,
					maxlength: 20,
					equalTo: "#password"
				},
				email: {
					required: true,
					email: true,
					remote: {
						url: 'json_nocheck.php',
						type: 'post',
						data: {
							op: 'form_chk',
							name: 'email',
							val: function () {
								return $('#email').val();
							}
						}
					}
				},
				code: {
					required: true,
					remote: {
						url: 'json_nocheck.php',
						type: 'post',
						data: {
							op: 'code_chk',
							val: function () {
								return $('#code').val();
							}
						}
					}
				},
				agree:{
				  required:true,
				}
			},
		
			errorPlacement: function(error, element) {
				var label = element.parent().find('.err-text');
				label.html(error);
			},
			success: function (label) {

				 label.html("<div class='input-right'><i class='fa fa-check'></i></div>").addClass('');
				 $(".err-text:last .input-right").remove();
				 $(".err-text").eq(5).find(".input-right").remove();
			}
		});

		$('.change').click(function () {
			$('#imgcode').attr('src','');
			$('#imgcode').attr('src', 'anthcode.php');
			return false;
		});
	});