# HtValidate 说明
ValidateRules 输入域校验规则
Author yangmeng@expservice.com.cn
# 示例
<template>
<div>
<ht-form ref-form="formList" divider="form表单" :form-list="formList" :form-style="{width:'800px'}" />
</div>
</template>
<script>
export default {
data() {
return {
// format 验证类型
// isAny ： 无校验规则 ； 样例： [0,'isAny',30]
// isUrl ： 校验url规则；样例： [0,'isUrl',30]
// isName ： 校验名称/姓名规则； 样例： [0,'isName',30]
// isEmail ： 校验email规则； 样例： [0,'isEmail',30]
// isPhone ： 校验手机号规则； 样例： [0,'isPhone',11]
// isPhoneTel ： 校验手机或固化规则； 样例： [0,'isPhoneTel',30]
// isIp ： 校验IP地址规则； 样例： [0,'isIp',30]
// isIdcard ： 校验身份证号规则； 样例： [0,'isIdcard',18]
// isMoney ： 校验金额规则； 样例： [0,'isMoney',10]
// isBigMoney ： 校验千位符金额规则； 样例： [0,'isBigMoney',20]
// isNumber ： 校验数字格式规则； 样例： [0,'isNumber',10]
// isNumber0 ： 校验非0开头数字规则； 样例： [0,'isNumber0',10]
// isLetter ： 校验全是字母格式规则； 样例： [0,'isLetter',30]
// isNumberLetter ： 校验全是数字 + 字母规则； 样例： [0,'isNumberLetter',30]
// isDouble ： 校验符点数规则； 样例： [0,'isDouble',10]
// isCarno ： 校验车牌号规则； 样例： [0,'isCarno',10]
// isVin ： 校验vin格式规则； 样例： [0,'isVin',17]
formList: [
{
type: 'text',
format: [0, 'isAny', 10],
label: '无校验',
field: 'validate00'
},
{
type: 'text',
format: [0, 'isUrl', 30],
label: 'url',
field: 'validate02'
},
{
type: 'text',
format: [0, 'isName', 30],
label: '名称/姓名',
field: 'validate01'
},
{
type: 'text',
format: [0, 'isEmail', 30],
label: 'email',
field: 'validate04'
},
{
type: 'text',
format: [0, 'isPhone', 11],
label: '手机',
field: 'validate05'
},
{
type: 'text',
format: [0, 'isPhoneTel', 30],
label: '手机或固话',
field: 'validate06'
},
{
type: 'text',
format: [0, 'isIp', 30],
label: 'IP地址',
field: 'validate07'
},
{
type: 'text',
format: [0, 'isIdcard', 18],
label: '身份证号',
field: 'validate08'
},
{
type: 'text',
format: [0, 'isMoney', 10],
label: '金额/价格',
field: 'validate09'
},
{
type: 'text',
format: [0, 'isBigMoney', 10],
label: '千位符金额',
field: 'validate10'
},
{
type: 'text',
format: [0, 'isNumber', 10],
label: '数字',
field: 'validate11'
},
{
type: 'text',
format: [0, 'isNumber0', 10],
label: '数字非0头',
field: 'validate11-1'
},
{
type: 'text',
format: [0, 'isLetter', 30],
label: '字母',
field: 'validate03'
},
{
type: 'text',
format: [0, 'isNumberLetter', 10],
label: '数字和字母',
field: 'validate12'
},
{
type: 'text',
format: [0, 'isDouble', 10],
label: '浮点数',
field: 'validate13'
},
{
type: 'text',
format: [0, 'isCarno', 10],
label: '车牌号',
field: 'validate14'
},
{
type: 'text',
format: [0, 'isVin', 17],
label: '底盘号',
field: 'validate15'
}
],
}
}
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
Expand Copy Copy
# 版本
- v1.0.0