caryxiao / walnut-validator

A Validator

Walnut Validator

#说明 插件正在去除jquery依赖...

文档待完善...😜

##介绍 Walnut Validator是一个表单验证插件，支持AMD,CMD,CommonJS方式加载。

有什么疑问可以在issues中提出。

##安装 ##NPM （还未提交到npm）

npm install walnut-validator

###头部引入

	<script type="text/javascript" src="walnut-validator.js"></script>

###AMD/CMD

<script type="text/javascript" src="walnut-validator.min.js"></script>

###CommonJS

<script type="text/javascript" src="walnut-validator.common.js"></script>

##使用方法

var wdr = new WalnutValidator();
wdr.addField(
	$('field1'),{
		required: true // 必填选项
	},{
		required: "Required."
	}
);

wdr.addField(
	$('field2'),{
		required: true,
		regular: 'email' //正则表达式验证
	},{
		required: "Required.",
		email: "Enter a valid Email."
	}
);

//ajax 验证
wdr.addField(
	$('field3'),{
		remote: '/some_url' //url
	},{
		remote: "ajax validator error."
	}
);

//自定义方法验证
wdr.addField(
	$('field4'),{
		customValidate: function($_fieldBase) {
			return $_fieldBase.val() == "";
		}
	},{
		customValidate: "custom function error."
	}
)

//提交
$('submitButton').on('click', function(){
	wdr.submit(function(){
		//验证成功执行
	});
});

初始化可配置项

名称	参数说明
regulars	{Object}配置全局使用的正则表达式验证
fieldHooks	{Object}配置全局的钩子函数, afterShowPopup表示弹出提示框后执行, afterHidePopup表示隐藏提示框后执行