一行代码搞定整站的表单验证!- jQuery表单验证插件

2014-08-27 17:48:00
admin
原创 3183
摘要:一行代码搞定整站的表单验证!- jQuery表单验证插件

如下图所示的效果

一行代码搞定整站的表单验证!- jQuery表单验证插件


首先要引入jQuery基础库

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>

然后引入验证框架类库

<script type="text/javascript" src="js/Validform/Validform_v5.3.2_min.js"></script>
下面是要写的代码


$(function(){
	//$(".registerform").Validform();  //就这一行代码!;
	var demo=$(".registerform").Validform({
		tiptype:3,
		label:".label",
		showAllError:true,
		datatype:{
			"zh1-6":/^[\u4E00-\u9FA5\uf900-\ufa2d]{1,6}$/
		},
		ajaxPost:true
	});
	
	//通过$.Tipmsg扩展默认提示信息;
	//$.Tipmsg.w["zh1-6"]="请输入1到6个中文字符!";
	demo.tipmsg.w["zh1-6"]="请输入1到6个中文字符!";
	
	demo.addRule([{
		ele:".inputxt:eq(0)",
		datatype:"zh2-4"
	},
	{
		ele:".inputxt:eq(1)",
		datatype:"*6-20"	
	},
	{
		ele:".inputxt:eq(2)",
		datatype:"*6-20",
		recheck:"userpassword"	
	},
	{
		ele:"select",
		datatype:"*"
	},
	{
		ele:":radio:first",
		datatype:"*"
	},
	{
		ele:":checkbox:first",
		datatype:"*"
	}]);
	
})