# 表单验证

Form Validation:常用的表单验证,只需配置验证项以及相关提示

# 组件脚本

/**
 * 表单验证
 * @author echo.
 * @version 1.5.0
 **/

const form = {
	//非必填情况下,如果值为空,则不进行校验
	//当出现错误时返回错误消息,否则返回空即为验证通过
	/*
	 formData:Object 表单对象。{key:value,key:value},key==rules.name
	 rules: Array [{name:name,rule:[],msg:[]},{name:name,rule:[],msg:[]}]
			name:name 属性=> 元素的名称
			rule:字符串数组 ["required","isMobile","isEmail","isCarNo","isIdCard","isAmount","isNum","isChinese","isEnglish",isEnAndNo","isSpecial","isEmoji",""isDate","isUrl","isSame:key","range:[1,9]","minLength:9","maxLength:Number"]
			msg:数组 []。 与数组 rule 长度相同,对应的错误提示信息
	*/
   
	... 省略n行
		
};
module.exports = {
	validation: form.validation
};

# 组件样式

# 脚本说明

# methods

名称 描述
validation 表单验证方法,传入相应参数

# 参数

名称 描述
formData Object 表单对象:{key:value,key:value}
rules Array 校验规则,以及提示信息

# 参数rules Object详细

名称 描述
name name 属性=> 元素的名称,name===formData中key
rule 字符串数组 ["required","isMobile","isEmail","isCarNo"]
msg 数组 []。 与数组 rule 长度相同,对应的错误提示信息

# rule详细

名称 描述
required 必填
isMobile 是否为手机号
isEmail 是否为邮箱
isCarNo 是否为车牌号
isIdCard 是否为身份证号
isAmount 是否为金额,允许保留两位小数
isNum 是否为数字
isChinese 是否为中文
isEnglish 是否为英文
isEnAndNo 是否为英文和数字组合 8~20位
isEnOrNo 只包含英文或者数字
isSpecial 是否有特殊字符
isEmoji 是否有表情符号
isDate 是否为日期
isUrl 是否为地址
isSame 传值:"isSame:key" 一般校验两次输入的值是否相同
range 传值:"range:[1,9]" 数值范围
minLength 传值:"minLength:9" 最小长度
maxLength 传值:"maxLength:Number"最大长度

# 示例

# H5预览地址

https://www.thorui.cn/h5/#/pages/extend/formValidation/formValidation

# H5二维码

# 小程序二维码