javascript表单验证插件

javascript表单验证插件说明

 * copyright: www.aweb.cc filename: form_validate.js revision: 2.0 createdate:

 * description:form_validate.js表单验证插件整个事件都在命名空间“BSLQ”里面,然后通过一个入口来调用(BSLQ.validator),这个入口将对每一个需要验证的元素验证一遍,然后再给它们绑定一个keyup事件;再之后每一次触发都会走之前的绑的所有函数;

 * 绑定的函数有:

 * BSLQ.required 验证不能为空

 * BSLQ.number 验证只能为正整数字

 * BSLQ.currency 货币类型

 * BSLQ.isIdCardNo 身份证号码

 * BSLQ.MilitaryNo 军人证

 * BSLQ.passportNo 护照

 * BSLQ.phone 电话号码(座机)

 * BSLQ.mobile 手机号码

 * BSLQ.allphone 联系方式(包括座机,手机等所有的)

 * BSLQ.phone_reg 传真号码

 * BSLQ.short_mobile 公司短号

 * BSLQ.zip 判断邮编

 * BSLQ.url 判断URL

 * BSLQ.change_value 判断是否改变

 * BSLQ.email 邮箱验证

 * BSLQ.unchinese 不能是中文

 * BSLQ.equalTo 修改密码必须一至

 * BSLQ.repassword 重复上一次的密码

 * 

  使用示例:

javascript验证:

function messageSubmit() {
		var validate= {
			title : {
				required : true // required为绑定的class
		};
		BSLQ.validator("messageForm", validate, "NO");
		if ("YES" != BSLQ.accomplish) {
	         // 验证不通过
	         var margintop = $('.vError').eq(0).offset().top - 30;
			jQuery("html, body").animate({
				scrollTop : margintop
			}, 100);
			return;
		}
		$('#messageForm').submit();
	};
	$('#submitButton').click(function() {
		messageSubmit();
	});


 添加css样式:

    .errorBox{display:none;}
    .errorBox.vError{display: block;}
    .errorBox .error{color:#f00; }


文件尺寸 3.49 KB
下载次数 1024

OneThink插件-留言版插件 <<上一篇 下一篇>>onethink友情链接&合作伙