Install Validate Usage ...
import validate from 'validate-by-health' ;
...
export class example extends React. Component {
...
handleSubmit = ( ) => {
const error = validate ( {
VPhone : [ '11845674324' , '请输入正确手机号码' , 'strict' ] ,
VName : 'asd@#' ,
VEnglish : [ 'jk123123' , '请使用英文名' ] ,
VSecurityCode : '1asd21as1'
} ) ;
if ( error) {
this . showModal ( error) ;
return ;
}
this . showLoading ( ) ;
fetch ( Api) . then ( ...
}
...
render ( ) {
return < button onClick = { this . handleSubmit} > 提交 </ button> ;
}
}
export default example; validate(data, Boolean) 验证方法
属性
说明
类型
默认值
data
验证数据,{key: value} key是验证器,value是验证数据和验证规则参数
Object
必填
Boolean
控制返回结果,设为true时完成整个data的验证以{key: returns}形式返回,
Boolean
默认false
注意:多个数据用到同类型验证器时请使用key_(lable)
const error = validate ( {
'VPhone_Jhon' : '13111111111' ,
'VPhone_Lucy' : '13875745147' ,
'VPhone_Lee' : '13' ,
...
} , true ) ; 返回结果
return error = {
VPhone_Jhon: false,
VPhone_Lucy: false,
VPhone_Lee: '请输入正确手机号码'
}
Validate 键值属性(String or Array)
VPhone(data, Msg, strict)
validate ( { VPhone : [ data, Msg, strict] } )
属性
说明
类型
默认值
data
验证电话号码
string
必填
Msg
错误返回信息
string
不填时显示默认提示信息
strict
开启严格模式
string
设为'strict'时开启严格验证,不填时只验证已1开头的11位手机号码
validate ( { VName : [ data, Msg, Zh] } )
属性
说明
类型
默认值
data
验证名字
string
必填
Msg
错误返回信息
string
不填时显示默认提示信息
Zh
开启严格模式
string
设为'Zh'时开启严格验证,只能填写2以上中文字符
validate ( { VEmail : [ data, Msg] } )
属性
说明
类型
默认值
data
验证email
string
必填
Msg
错误返回信息
string
不填时显示默认提示信息
validate ( { VSecurityCode : [ data, Msg] } )
属性
说明
类型
默认值
data
验证防伪码
string
必填
Msg
错误返回信息
string
不填时显示默认提示信息
validate ( { VBarCode : [ data, Msg] } )
属性
说明
类型
默认值
data
验证条形码
string
必填
Msg
错误返回信息
string
不填时显示默认提示信息
VVerificationCode(data, Msg, length)
validate ( { VVerificationCode : [ data, Msg, length] } )
属性
说明
类型
默认值
data
验证名字
string
必填
Msg
错误返回信息
string
不填时显示默认提示信息
length
开启严格模式
number
验证码的长度(number)不填时默认验证4位验证码
VRequire(data, Msg, length)
validate ( { VRequire : [ data, Msg, length] } )
属性
说明
类型
默认值
data
验证最少字符数
string
必填
Msg
错误返回信息
string
必填
length
开启严格模式
number
最少要求多少位字符(number)不填时默认1个字符
VLimit(data, Msg, length)
validate ( { VLimit : [ data, Msg, length] } )
属性
说明
类型
默认值
data
验证最大字符数
string
必填
Msg
错误返回信息
string
必填
length
开启严格模式
number
length: 最多输入多少位字符(number)不填时默认20个字符
validate ( { VNumber : [ data, Msg] } )
属性
说明
类型
默认值
data
验证数字
string
必填
Msg
错误返回信息
string
必填
validate ( { VChinese : [ data, Msg] } )
属性
说明
类型
默认值
data
验证中文
string
必填
Msg
错误返回信息
string
必填
validate ( { VEnglish : [ data, Msg] } )
属性
说明
类型
默认值
data
验证英文
string
必填
Msg
错误返回信息
string
必填