element-ui input 핸드폰 번호 입력, 신분증 번호 검증

1427 단어
1단계: src에 폴더를 만들고 파일rules를 만듭니다.js
2단계:utils/rules.js 다음 코드 증가
//       
export function checkPhoneNumber(rule, value, callback) {
  const reg = /^1[3|4|5|6|7|8|9]\d{9}$/;
  if (!value) {
    return callback(new Error('       !'))
  } else if (!reg.test(value)) {
    return callback(new Error('          !'))
  }else{
    callback()
  }
}

export function checkIdNum(rule, value, callback) {
  const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
  if (!value) {
    return callback(new Error('        '))
  } else if (!reg.test(value)) {
    return callback(new Error('       '))
  } else {
    callback()
  }
}
export default {
  checkPhone: [{ required: true, validator: checkPhoneNumber, trigger: 'blur' }],
  checkId: [{ required: true, validator: checkIdNum, trigger: 'blur' }],
}


3단계: 페이지의 import rules from'@/utils/rules'
    
        
        
    
    
        
        
    

 data() {
      return {
        rulesUtils: rules
        }
        }

좋은 웹페이지 즐겨찾기