element - ui 폼 검증 rules 설정

1545 단어
아래의 몇 가지 점을 파악하여 너의 표 검사에 어려움이 없도록 해라
본고는 element-ui 폼 검사 Rules 설정에 자주 사용되는 흑과학기술을 참고한다.

하나, type

type: ,string
type :number,boolean,string,integer,float,array,enum,url,email,method,regexp,object,date,hex,any......
boolean: boolean
...
integer:    ( )
float: 
array: 
enum:  ({type: 'enum', enum: ['aaa', 'bbb'], message: ` enum `, trigger: 'change'})
...
any: 

2, required

required: ,boolean
true: 
false: 

셋, Pattern

pattern: , 
//moneyNum:[{pattern: /^[0-9]*$/, message: ` `, trigger: 'blur'}]

4,min,max

min、max: , ,number
//minmax: [{min: 3, max: 8, message: ' 3-8 ', trigger: 'blur'}]

다섯, 렌

len: ,number
//length: [ {len: 5, message: ' 5 ', trigger: 'blur'}]

여섯, whitespace

whitespace: ,boolean
//whitespace: [{whitespace: true, message: ' ', trigger: 'blur'}]

7, 메시지

Messages: ,string

8,validator

validator: ,function
let numberLengthSix = (rule, value, callback) => {
 if(String(value).length > 6) {
 callback(' ')
 } else {
 callback()
 }
}
...//
//numberLengthSix: [{validator: numberLengthSix, trigger: 'blur'}]

9,trigger

trigger: ,string
blur: 
change: 

좋은 웹페이지 즐겨찾기