UNPKG

cloud-ui.vusion

Version:
1,099 lines (796 loc) 26.8 kB
### 空值判断 #### required <u-label>blur</u-label> 必填,为空值会提示错误。空值指`''`、`undefined`、`null`。没有参数。 在值为空的情况下,如果没有使用`required`、`filled`或`notEmpty`这些必填规则,其他规则会自动通过。 ``` html <u-validator label="用户名" rules="required"> <u-input placeholder="请输入用户名"></u-input> </u-validator> ``` #### filled <u-label>blur</u-label> 必填,在`required`基础上,字符串不能全为空白(即调用`trim`方法)。没有参数。 例如输入多个空格,会提示错误。 ``` html <u-validator label="描述" rules="filled"> <u-input placeholder="请输入描述"></u-input> </u-validator> ``` #### notEmpty <u-label>input+blur</u-label> 数组不能为空。字符串也可以比较。 ``` html <u-validator label="列表" rules="notEmpty"> <u-checkboxes> <u-checkbox label="水杯">水杯</u-checkbox> <u-checkbox label="坚果">坚果</u-checkbox> <u-checkbox label="毛巾">毛巾</u-checkbox> <u-checkbox label="沙发">沙发</u-checkbox> </u-checkboxes> </u-validator> ``` #### empty <u-label>input+blur</u-label> 必须为空。与`notEmpty`相反。字符串也可以比较。 ``` html <u-validator label="列表" rules="empty"> <u-checkboxes> <u-checkbox label="水杯">水杯</u-checkbox> <u-checkbox label="坚果">坚果</u-checkbox> <u-checkbox label="毛巾">毛巾</u-checkbox> <u-checkbox label="沙发">沙发</u-checkbox> </u-checkboxes> </u-validator> ``` ### 范围判断 #### minLength(min: number) <u-label>blur</u-label> 不得少于指定的字符数。字符串、数组长度均可比较。 - `min`:最小长度 ``` html <u-validator label="用户名" rules="minLength(4)"> <u-input placeholder="不得小于4个字符"></u-input> </u-validator> ``` #### maxLength(max: number) <u-label>blur</u-label> 不得超过指定的字符数。字符串、数组长度均可比较。 - `max`:最大长度 ``` html <u-validator label="用户名" rules="maxLength(12)"> <u-input placeholder="不得超过12个字符"></u-input> </u-validator> ``` #### rangeLength(min: number, max: number) <u-label>blur</u-label> 字符数必须在指定的范围内。字符、数组长度均可比较。 - `min`:最小长度 - `max`:最大长度 ``` html <u-validator label="用户名" rules="rangeLength(4,12)"> <u-input placeholder="请输入4-12个字符"></u-input> </u-validator> ``` #### min(min: any) <u-label>blur</u-label> 不得小于指定的值。数字、字符串、日期比较均可。 - `min`:最小值 ``` html <u-validator label="端口" rules="min(10)"> <u-input placeholder="不得小于10"></u-input> </u-validator> ``` #### max(max: any) <u-label>blur</u-label> 不得大于指定的值。数字、字符串、日期比较均可。 - `max`:最大值 ``` html <u-validator label="端口" rules="max(65535)"> <u-input placeholder="不得大于65535"></u-input> </u-validator> ``` #### range(min: any, max: any) <u-label>blur</u-label> 不得大于指定的值。数字、字符串、日期比较均可。 - `min`:最小值 - `max`:最大值 ``` html <u-validator label="端口" rules="range(80,8000)"> <u-input placeholder="在80-8000之间"></u-input> </u-validator> ``` ### 自定义 #### pattern(re: RegExp) <u-label>input+blur</u-label> 根据正则表达式来判断。 - `re`:正则表达式 ``` html <u-validator label="昵称" rules="pattern(/^[a-z][a-zA-Z0-9]*$/)"> <u-input size="normal medium" placeholder="由字母和数字组成,开头必须为小写字母"></u-input> </u-validator> ``` ### 相等或包含判断 #### is(arg: any) <u-label>blur</u-label> 必须与参数相同,使用`===`比较。 - `arg`:用于判断的值 ``` html <u-validator label="猜一猜" rules="is('abc')"> <u-input placeholder="必须与'abc'相同"></u-input> </u-validator> ``` ``` html <u-validator label="个数" rules="is(3) @bi"> <u-number-input placeholder="必须与3相等"></u-number-input> </u-validator> ``` #### isNot(arg: any) <u-label>blur</u-label> 必须与参数不同,使用`===`比较。 - `arg`:用于判断的值 ``` html <u-validator label="猜一猜" rules="isNot('abc')"> <u-input placeholder="必须与'abc'不同"></u-input> </u-validator> ``` ``` html <u-validator label="个数" rules="isNot(3) @bi"> <u-number-input placeholder="必须不等于3"></u-number-input> </u-validator> ``` #### equals(arg: any) <u-label>blur</u-label> 必须与参数相等,除了数值,也可以比较数组和对象,使用的是[lodash.isEqual](https://www.lodashjs.com/docs/latest#_isequalvalue-other)。 - `arg`:用于判断的值 ``` html <u-validator label="猜一猜" rules="equals('abc')"> <u-input placeholder="必须等于'abc'"></u-input> </u-validator> ``` ``` html <u-validator label="列表" rules="equals(['水杯', '坚果']) @bi"> <u-checkboxes> <u-checkbox label="水杯">水杯</u-checkbox> <u-checkbox label="坚果">坚果</u-checkbox> <u-checkbox label="毛巾">毛巾</u-checkbox> <u-checkbox label="沙发">沙发</u-checkbox> </u-checkboxes> </u-validator> ``` #### notEquals(arg: any) <u-label>blur</u-label> 必须与参数不等,除了数值,也可以比较数组和对象,使用的是[lodash.isEqual](https://www.lodashjs.com/docs/latest#_isequalvalue-other)。 - `arg`:用于判断的值 ``` html <u-validator label="猜一猜" rules="notEquals('abc')"> <u-input placeholder="必须不等于'abc'"></u-input> </u-validator> ``` ``` html <u-validator label="列表" rules="notEquals(['水杯', '坚果']) @bi"> <u-checkboxes> <u-checkbox label="水杯">水杯</u-checkbox> <u-checkbox label="坚果">坚果</u-checkbox> <u-checkbox label="毛巾">毛巾</u-checkbox> <u-checkbox label="沙发">沙发</u-checkbox> </u-checkboxes> </u-validator> ``` #### confirmed(arg: any) <u-label>blur</u-label> 验证逻辑与`equals`相同,错误信息专用于密码的二次确认。 ``` vue <template> <u-form gap="large"> <u-form-item label="密码" required rules="required | ^azAZ09_$ | minLength(4)"> <u-input size="huge medium" type="password" v-model="model.password" maxlength="8" placeholder="以字母、数字或'_'组成"></u-input> </u-form-item> <u-form-item label="确认密码" required rules="required | confirmed(model.password)"> <u-input size="huge medium" type="password" v-model="model.confirmedPassword" maxlength="8" placeholder="再次输入密码"></u-input> </u-form-item> </u-form> </template> <script> export default { data() { return { model: { password: '', confirmedPassword: '', }, }; }, }; </script> ``` #### includes(arr: any[]) <u-label>input+blur</u-label> 验证值为数组,必须包含参数中的项。 ``` html <u-validator label="列表" rules="includes(['水杯', '坚果'])"> <u-checkboxes> <u-checkbox label="水杯">水杯</u-checkbox> <u-checkbox label="坚果">坚果</u-checkbox> <u-checkbox label="毛巾">毛巾</u-checkbox> <u-checkbox label="沙发">沙发</u-checkbox> </u-checkboxes> </u-validator> ``` #### excludes(arr: any[]) <u-label>input+blur</u-label> 验证值为数组,不能包含参数中的项。 ``` html <u-validator label="列表" rules="excludes(['水杯', '坚果'])"> <u-checkboxes> <u-checkbox label="水杯">水杯</u-checkbox> <u-checkbox label="坚果">坚果</u-checkbox> <u-checkbox label="毛巾">毛巾</u-checkbox> <u-checkbox label="沙发">沙发</u-checkbox> </u-checkboxes> </u-validator> ``` #### included(arr: any[]) <u-label>input+blur</u-label> 必须为参数中的某一个值。 ``` html <u-validator label="列表" rules="included(['水杯', '坚果'])"> <u-select> <u-select-item value="水杯">水杯</u-select-item> <u-select-item value="坚果">坚果</u-select-item> <u-select-item value="毛巾">毛巾</u-select-item> <u-select-item value="沙发">沙发</u-select-item> </u-select> </u-validator> ``` #### excluded(arr: any[]) <u-label>input+blur</u-label> 不能为参数中的任一个值。 ``` html <u-validator label="列表" rules="excluded(['水杯', '坚果'])"> <u-select> <u-select-item value="水杯">水杯</u-select-item> <u-select-item value="坚果">坚果</u-select-item> <u-select-item value="毛巾">毛巾</u-select-item> <u-select-item value="沙发">沙发</u-select-item> </u-select> </u-validator> ``` #### unique(arr: any[]) <u-label>blur</u-label> 验证逻辑与`excluded`相同,错误信息专用于判断是否重复。 ``` vue <template> <u-form-item label="端口" required rules="required | integer | unique(existingPortList)"> <u-input v-model.number="model.port" maxlength="5" placeholder="请输入端口"></u-input> </u-form-item> </template> <script> export default { data() { return { model: { port: '', }, existingPortList: [8000, 3306, 65535], }; }, }; </script> ``` #### noDuplicates(arg: any[]) <u-label>input</u-label> 接受一个数组作为参数,验证数组中是否存在重复项。 ``` html <u-validator label="选项" rules="noDuplicates"> <u-select multiple> <u-select-item value="cup">水杯</u-select-item> <u-select-item value="coffee">咖啡</u-select-item> <u-select-item value="cup">水杯</u-select-item> <u-select-item value="coffee">咖啡</u-select-item> <u-select-item value="towel">毛巾</u-select-item> </u-select> </u-validator> ``` ### 类型判断 #### string <u-label>input+blur</u-label> 必须为字符串类型。 ``` html <u-validator label="选项" rules="string"> <u-radios> <u-radio label="1">字符串</u-radio> <u-radio :label="2">数字</u-radio> <u-radio :label="[]">数组</u-radio> </u-radios> </u-validator> ``` #### number <u-label>input+blur</u-label> 必须为数字类型。 使用`v-model`时,注意加入`.number`修饰符。 例如`'12'`会报错。 ``` vue <template> <u-validator label="端口" rules="number"> <u-input v-model="value" placeholder="必须为数字类型"></u-input> </u-validator> </template> <script> export default { data() { return { value: '', }; }, }; </script> ``` #### numeric(noSymbols?: boolean) <u-label>input+blur</u-label> 必须为数字。与`number`规则不同的是,它不关心是否为 string 或 number 类型,只要为数字即可。 例如`12`和`'12'`均可。 - `noSymbols`:如果为`true`,则不能包含如`+`、`-`、`.`这样的符号 ``` vue <template> <u-validator label="端口" rules="numeric"> <u-input v-model="value" placeholder="必须为数字"></u-input> </u-validator> </template> <script> export default { data() { return { value: '', }; }, }; </script> ``` #### integer <u-label>input+blur</u-label> 必须为整数。不关心是否为 string 或 number 类型。 ``` html <u-validator label="超时时间" rules="integer"> <u-input placeholder="必须为整数"></u-input> </u-validator> ``` #### decimal(force?: boolean, digits?: string) <u-label>blur</u-label> 整数或小数。不关心是否为 string 或 number 类型。 - `force`:是否只允许小数 - `digits`:小数位数范围,格式如`1,3`。默认为`1,` ``` html <u-validator label="金额" rules="decimal(true, '2,2')"> <u-input placeholder="必须为两位小数"></u-input> </u-validator> ``` #### boolean <u-label>input+blur</u-label> 必须为布尔类型。 ``` html <u-validator label="选项" rules="boolean"> <u-radios> <u-radio label="abc">字符串</u-radio> <u-radio :label="true">true</u-radio> <u-radio :label="123">数字</u-radio> </u-radios> </u-validator> ``` #### function <u-label>input+blur</u-label> 必须为函数。 ``` html <u-validator label="选项" rules="function"> <u-radios> <u-radio label="abc">字符串</u-radio> <u-radio :label="{}">对象</u-radio> <u-radio :label="() => true">函数</u-radio> </u-radios> </u-validator> ``` #### object <u-label>input+blur</u-label> 必须为对象。 ``` html <u-validator label="选项" rules="object"> <u-radios> <u-radio label="abc">字符串</u-radio> <u-radio :label="{}">对象</u-radio> <u-radio :label="[]">数组</u-radio> </u-radios> </u-validator> ``` #### plainObject <u-label>input+blur</u-label> 必须为简单对象。 ``` html <u-validator label="选项" rules="plainObject"> <u-radios> <u-radio label="abc">字符串</u-radio> <u-radio :label="{}">简单对象</u-radio> <u-radio :label="new Date()">日期</u-radio> <u-radio :label="[]">数组</u-radio> </u-radios> </u-validator> ``` ### 字母、数字、中划线、下划线判断 #### alpha 是否只能为字母(a-zA-Z)。 ``` html <u-validator label="名称" rules="alpha"> <u-input placeholder="必须为字母"></u-input> </u-validator> ``` #### alphaNum 是否只能为字母或数字(a-zA-Z0-9)。 ``` html <u-validator label="名称" rules="alphaNum"> <u-input placeholder="必须为字母或数字"></u-input> </u-validator> ``` #### alphaDash <u-label>input+blur</u-label> 必须由字母或下划线组成。 ``` html <u-validator label="名称" rules="alphaDash"> <u-input placeholder="以字母、下划线组成"></u-input> </u-validator> ``` #### alphaNumDash <u-label>input+blur</u-label> 必须由字母、数字或下划线组成。 ``` html <u-validator label="名称" rules="alphaNumDash"> <u-input placeholder="以字母、数字或下划线组成"></u-input> </u-validator> ``` #### alphaSpaces <u-label>input+blur</u-label> 必须由字母或空格组成。 ``` html <u-validator label="名称" rules="alphaSpaces"> <u-input placeholder="以字母或空格组成"></u-input> </u-validator> ``` #### lowerCase <u-label>input+blur</u-label> 不能出现大写字母。 ``` html <u-validator label="名称" rules="lowerCase"> <u-input placeholder="不能出现大写字母"></u-input> </u-validator> ``` #### upperCase <u-label>input+blur</u-label> 不能出现小写字母。 ``` html <u-validator label="名称" rules="upperCase"> <u-input placeholder="不能出现小写字母"></u-input> </u-validator> ``` #### ^az <u-label>input+blur</u-label> 以小写字母开头。 ``` html <u-validator label="名称" rules="^az"> <u-input placeholder="以小写字母开头"></u-input> </u-validator> ``` #### ^az09 <u-label>input+blur</u-label> 以小写字母或数字开头。 ``` html <u-validator label="名称" rules="^az09"> <u-input placeholder="以小写字母或数字开头"></u-input> </u-validator> ``` #### ^az09_ <u-label>input+blur</u-label> 以小写字母、数字或下划线开头。 ``` html <u-validator label="名称" rules="^az09_"> <u-input placeholder="以小写字母、数字或下划线开头"></u-input> </u-validator> ``` #### ^azAZ <u-label>input+blur</u-label> 以字母开头。 ``` html <u-validator label="名称" rules="^azAZ"> <u-input placeholder="以字母开头"></u-input> </u-validator> ``` #### ^azAZ09 <u-label>input+blur</u-label> 以字母或数字开头。 ``` html <u-validator label="名称" rules="^azAZ09"> <u-input placeholder="以字母或数字开头"></u-input> </u-validator> ``` #### ^azAZ09_ <u-label>input+blur</u-label> 以字母、数字或下划线开头。 ``` html <u-validator label="名称" rules="^azAZ09_"> <u-input placeholder="以字母、数字或下划线开头"></u-input> </u-validator> ``` #### az09$ <u-label>blur</u-label> 以小写字母或数字结尾。 ``` html <u-validator label="名称" rules="az09$"> <u-input placeholder="以小写字母或数字结尾"></u-input> </u-validator> ``` #### azAZ09$ <u-label>blur</u-label> 以字母或数字结尾。 ``` html <u-validator label="名称" rules="azAZ09$"> <u-input placeholder="以字母或数字结尾"></u-input> </u-validator> ``` #### ^09$ <u-label>input+blur</u-label> 以数字组成。 ``` html <u-validator label="名称" rules="^09$"> <u-input placeholder="以数字组成"></u-input> </u-validator> ``` #### ^az09$ <u-label>input+blur</u-label> 以小写字母或数字组成。 ``` html <u-validator label="名称" rules="^az09$"> <u-input placeholder="以小写字母或数字组成"></u-input> </u-validator> ``` #### ^az09-$ <u-label>input+blur</u-label> 以小写字母、数字或中划线组成。 ``` html <u-validator label="名称" rules="^az09-$"> <u-input placeholder="以小写字母、数字或中划线组成"></u-input> </u-validator> ``` #### ^az09-.$ <u-label>input+blur</u-label> 以小写字母、数字、"-"或"."组成。 ``` html <u-validator label="名称" rules="^az09-.$"> <u-input placeholder="以小写字母、数字、'-'或'.'组成"></u-input> </u-validator> ``` #### ^azAZ09$ <u-label>input+blur</u-label> 以字母或数字组成。 ``` html <u-validator label="名称" rules="^azAZ09$"> <u-input placeholder="以字母或数字组成"></u-input> </u-validator> ``` #### ^azAZ09-$ <u-label>input+blur</u-label> 以字母、数字或"_"组成。 ``` html <u-validator label="名称" rules="^azAZ09-$"> <u-input placeholder="以字母、数字或'-'组成"></u-input> </u-validator> ``` #### ^azAZ09_$ <u-label>input+blur</u-label> 以字母、数字或"_"组成。 ``` html <u-validator label="名称" rules="^azAZ09_$"> <u-input placeholder="以字母、数字或'_'组成"></u-input> </u-validator> ``` #### ^azAZ09-_$ <u-label>input+blur</u-label> 以字母、数字、"-"或"_"组成。 ``` html <u-validator label="名称" rules="^azAZ09-_$"> <u-input placeholder="以字母、数字、'-'或'_'组成"></u-input> </u-validator> ``` #### without-- <u-label>input+blur</u-label> 不能连续出现中划线。 ``` html <u-validator label="名称" rules="without--"> <u-input placeholder="不能连续出现中划线"></u-input> </u-validator> ``` #### without__ <u-label>input+blur</u-label> 不能连续出现下划线。 ``` html <u-validator label="名称" rules="without__"> <u-input placeholder="不能连续出现下划线"></u-input> </u-validator> ``` ### 特定场景判断 #### email <u-label>blur</u-label> 必须为正确的邮箱。 ``` html <u-validator label="邮箱" rules="email"> <u-input placeholder="请输入正确的邮箱"></u-input> </u-validator> ``` #### ip <u-label>blur</u-label> 必须为正确的 IP。 ``` html <u-validator label="IP" rules="ip"> <u-input placeholder="请输入正确的 IP"></u-input> </u-validator> ``` #### port <u-label>blur</u-label> 必须为正确的端口。 ``` html <u-validator label="端口" rules="port"> <u-input placeholder="请输入正确的端口"></u-input> </u-validator> ``` #### halfWidth <u-label>input+blur</u-label> 需要输入半角字符。 ``` html <u-validator label="名称" rules="halfWidth"> <u-input placeholder="需要输入半角字符"></u-input> </u-validator> ``` #### fullWidth <u-label>input+blur</u-label> 必须输入全角字符。 ``` html <u-validator label="名称" rules="fullWidth"> <u-input placeholder="请输入全角字符"></u-input> </u-validator> ``` #### macAddress <u-label>input+blur</u-label> 必须输入正确的 MAC 地址。 ``` html <u-validator label="名称" rules="macAddress"> <u-input placeholder="请输入 MAC 地址"></u-input> </u-validator> ``` #### ascii <u-label>input+blur</u-label> 必须输入 ascii 字符。 ``` html <u-validator label="名称" rules="ascii"> <u-input placeholder="请输入ascii字符"></u-input> </u-validator> ``` #### base64 <u-label>blur</u-label> 必须输入 base64 编码。 ``` html <u-validator label="名称" rules="base64"> <u-input placeholder="请输入base64编码"></u-input> </u-validator> ``` #### byteLength(min: number, max: number) <u-label>input+blur</u-label> 输入字符串的字节长度范围限制。 - `min`:最小字节长度 - `max`:最大字节长度 ``` html <u-validator label="名称" rules="byteLength(0, 21)"> <u-input placeholder="请输入八个汉字"></u-input> </u-validator> ``` #### dataURI <u-label>blur</u-label> 必须输入 dataURI 编码。 ``` html <u-validator label="编码" rules="dataURI"> <u-input placeholder="请输入dataURI编码"></u-input> </u-validator> ``` #### divisibleBy(divisor: number) <u-label>blur</u-label> 输入数字能否被相应除数整除。 - `divisor`:除数 ``` html <u-validator label="名称" rules="divisibleBy(3)"> <u-input placeholder="请输入3的倍数"></u-input> </u-validator> ``` #### hash(algorithm: string) <u-label>blur</u-label> 输入编码是否符合指定哈希算法。 - `algorithm`:算法名称,支持`md4`、`md5`、`sha1`、`sha256`、`sha384`、`sha512`、`ripemd128`、`ripemd160`、`tiger128`、`tiger160`、`tiger192`、`crc32`以及`crc32b` ``` html <u-validator label="编码" rules="hash('md4')"> <u-input placeholder="请输入哈希编码"></u-input> </u-validator> ``` #### md5 <u-label>blur</u-label> 输入编码是否符合md5算法。 ``` html <u-validator label="编码" rules="md5"> <u-input placeholder="请输入md5编码"></u-input> </u-validator> ``` #### hex <u-label>blur</u-label> 输入数字是否是十六进制。 ``` html <u-validator label="十六进制数" rules="hex"> <u-input placeholder="请输入十六进制数"></u-input> </u-validator> ``` #### hexColor <u-label>blur</u-label> 输入字符串是否是十六进制颜色码。 ``` html <u-validator label="颜色" rules="hexColor"> <u-input placeholder="请输入颜色"></u-input> </u-validator> ``` #### creditCard <u-label>blur</u-label> 输入信用卡号码是否合法。 ``` html <u-validator label="信用卡号" rules="creditCard"> <u-input placeholder="请输入信用卡号"></u-input> </u-validator> ``` #### fqdn <u-label>blur</u-label> 输入全限定域名是否合法。 ``` html <u-validator label="FQDN" rules="fqdn"> <u-input placeholder="请输入全限定域名"></u-input> </u-validator> ``` #### ipOrFQDN <u-label>blur</u-label> 输入内容是否为一个合法IP或全限定域名。 ``` html <u-validator label="IP或FQDN" rules="ipOrFQDN"> <u-input placeholder="请输入IP或全限定域名"></u-input> </u-validator> ``` #### isbn(version: number) <u-label>blur</u-label> 输入内容是否为一个合法的国际标准书号(ISBN)。 - `version`:ISBN版本,接受`10`或`13` ``` html <u-validator label="ISBN" rules="isbn(10)"> <u-input placeholder="请输入ISBN编号"></u-input> </u-validator> ``` #### issn <u-label>blur</u-label> 输入内容是否为一个合法的国际标准连续出版物号(ISSN)。 ``` html <u-validator label="ISSN" rules="issn"> <u-input placeholder="请输入ISSN编号"></u-input> </u-validator> ``` #### isin <u-label>blur</u-label> 输入内容是否为一个合法的国际证券识别码(ISIN)。 ``` html <u-validator label="ISIN" rules="isin"> <u-input placeholder="请输入ISIN编号"></u-input> </u-validator> ``` #### iso8601(strict: boolean) <u-label>blur</u-label> 输入内容是否为合法的ISO8601日期。 - `strict`: 是否检测闰年日期。如果`strict`的值为`true`,则`2019-02-29`这样的日期属于非法日期 ``` html <u-validator label="日期" rules="iso8601(true)"> <u-input placeholder="请输入日期"></u-input> </u-validator> ``` #### iso31661Alpha2 <u-label>blur</u-label> 输入内容是否为合法的ISO 3166-1 Alpha-2国家代码。 ``` html <u-validator label="代码" rules="iso31661Alpha2"> <u-input placeholder="请输入国家代码"></u-input> </u-validator> ``` #### iso31661Alpha3 <u-label>blur</u-label> 输入内容是否为合法的ISO 3166-1 Alpha-3国家代码。 ``` html <u-validator label="代码" rules="iso31661Alpha3"> <u-input placeholder="请输入国家代码"></u-input> </u-validator> ``` #### json <u-label>input+blur</u-label> 输入字符串是否可以被解析为JSON格式。 ``` html <u-validator label="JSON" rules="json"> <u-input placeholder="请输入JSON字符串"></u-input> </u-validator> ``` #### jwt <u-label>blur</u-label> 输入字符串是否为合法的JSON Web Token。 ``` html <u-validator label="JWT" rules="jwt"> <u-input placeholder="请输入JWT"></u-input> </u-validator> ``` #### latLong <u-label>blur</u-label> 输入字符串是否为合法的经纬度坐标。 ``` html <u-validator label="经纬度" rules="latLong"> <u-input placeholder="请输入坐标"></u-input> </u-validator> ``` #### mobile (locale?: any[], strict?: boolean) <u-label>blur</u-label> 输入内容是否为合法的手机号。 - `locale`:所在地区,例如`zh-CN`、`ja-JP`等。可以是一个字符串或数组。如果不填,则尝试自动匹配所有地区。 - `strict`:是否检验国家代号。如果为`true`,则必须以`+`和国家代码开头。 ``` html <u-validator label="手机" rules="mobile('zh-CN')"> <u-input placeholder="请输入手机号码"></u-input> </u-validator> ``` #### mongoId <u-label>blur</u-label> 输入字符串是否为合法的MongoDB对象ID。 ``` html <u-validator label="ID" rules="mongoId"> <u-input placeholder="请输入mongoDB的对象ID"></u-input> </u-validator> ``` #### postalCode(locale: string) <u-label>blur</u-label> 输入字符串是否为合法的邮政编码。 - `locale`:所在地区。例如`CH`、`JP`等。 ``` html <u-validator label="postalID" rules="postalCode('JP')"> <u-input placeholder="请输入邮政编码"></u-input> </u-validator> ``` #### uuid(version?: number) <u-label>blur</u-label> 输入字符串是否为合法的UUID。 - `version`:采用的UUID版本。接受`3`、`4`和`5`。如果不填,则尝试自动匹配所有版本。 ``` html <u-validator label="UUID" rules="uuid(3)"> <u-input placeholder="请输入UUID"></u-input> </u-validator> ``` #### chinese <u-label>input+blur</u-label> 输入字符串是否为合法的中文内容。 ``` html <u-validator label="姓名" rules="chinese"> <u-input placeholder="请输入姓名"></u-input> </u-validator> ```