基于prototype的web验证框架

核心提示： validate-float-range-$minValue-$maxValue -- 必须是$minValue到$maxValue的一个浮点数validate-int-range-$minValue-$maxValue -- 必须是$minValue到$maxValue的一个整数vali

validate-float-range-$minValue-$maxValue -- 必须是$minValue到$maxValue的一个浮点数

validate-int-range-$minValue-$maxValue -- 必须是$minValue到$maxValue的一个整数

validate-length-range-$minLength-$maxLength -- 输入字符串的长度必须在$minLength到$maxLength之间

max-value-$number -- 输入域的最大值是$number

min-value-$number -- 输入域的最小值是$number

validate-pattern-$patternAttributes -- 通过自定义pattern来验证输入域的正确性

validate-ajax -- 通过ajax来验证输入域

5:Validation的选项说明

可以手工指定要验证那个form,在指定是可以给定一些选项

js 代码

<script>"text/javascript">　
　　var valid = new Validation('form-id', {onSubmit:false});　
　　var result = valid.validate();　
</script>

创建Valuedation是的参数说明

onSubmit -- 是否绑定onSubmit函数, default - true

stopOnFirst -- 是否在检查到第一个错误时就停止检查 default- false

immediate -- 是否在被检测域失去焦点时就检查被检查域 default - false

focusOnError -- 是否把焦点移动到发生错误的域上 default - true

useTitles -- 是否使用提示 default - false

onFormValidate:当form被检测和的回调函数,有两个输入参数 arg[0]-检测form的结果true or false, arg[1]-form本身的id

onElementValidate:当没个element被检查后的回调函数,有两个输入参数 arg[0]-检测form的结果true or false, arg[1]-element本身的id

6:添加自己的测试函数

Validation.add('class-name', 'Error message text', function(value [, element]) {　
　　return /* do validation here */　
});

或者这样

Validation.addAllThese([　
　　['required', 'This is a required field.', function(v) {　
　　 　return !Validation.get('IsEmpty').test(v);　
　　}],　
　　['validate-number', 'Please use numbers only in this field.', function(v) {　
　　 　return Validation.get('IsEmpty').test(v) || !isNaN(v);　
　　}],　
　　['validate-digits', 'Please use numbers only in this field.', function(v) {　
　　 　return Validation.get('IsEmpty').test(v) ||　!/[^d]/.test(v);　
　　}]　
]);