Skip to content

neekey/formValid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

#一个简单的表单验证组件

  • 处于简单的考虑,没有添加错误提示,而是提供了验证结果信息,让用户自定义错误结果的处理
  • 使用在class中添加相应关键字来制定验证规则的方式
  • 支持多重规则,自定义规则,并可以使用正则表达式来匹配规则
  • 依赖:KISSY 1.1.6

##example

<form id="formID">
    <input type="text" class="required max10" />
</from>
<script>
var form = KISSY.formValid( 'formID', function( result, elem, rule, msg){
    if( resule ){
        console.log( 'field: ' + elem.name + 'pass rule: ' + rule );
    }
    else {
        console.log( 'field: ' + elem.name + 'failed! error info:' );
        console.log( msg );
    }
})
</script>

##API

formValid( id, cb, rule ) 组件构造函数

  • id 表单id
  • cb 每个字段被验证后的回调函数
  • 自定义规则

check() 检查整个表单

submit( ifCheck ) 提交表单

  • ifCheck true则检查表单,false则不检查直接提交,默认为false

##规则设置

rule = {
'ruleName': {
	test: function( elem ){
		/* do the check remenber to return true/false */
	},
	msg: 'error info'
}
}

规则名称支持正则形式,注意字符串转移

比如,最大长度 'max\d+'

About

a simple js form validation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published