> 웹 프론트엔드 > JS 튜토리얼 > iview 사용자 정의 검증 키워드 입력 상자 사용에 대한 자세한 설명

iview 사용자 정의 검증 키워드 입력 상자 사용에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-05-08 15:49:41
원래의
2455명이 탐색했습니다.

이번에는 iview 사용자 정의 검증 키워드 입력 상자 사용 방법에 대한 자세한 설명을 가져왔습니다. iview 사용자 정의 검증 키워드 입력 상자의 주의사항은 무엇인가요?

1. 검증 요구 사항

구성된 키워드 입력 상자에 해당하는 검증 요구 사항은 다음과 같습니다.

1. 총 단어 수는 7,000개를 초과할 수 없습니다.

2. 제거하여 얻은 키워드 그룹 수; 구성된 키워드 특수 기호는 300개를 초과할 수 없습니다(예: aaa&(bbb|ccc)|(!ddd|eee)). 특수 기호는 5개 그룹이 있습니다.

3. 단일 키워드의 길이는 20개를 초과할 수 없습니다. ; (예: aaaaa&(bbb|ccc ; Form;

양식에 규칙 확인 추가

iview는 null 및 총 길이

검증 규칙FormItem을 직접 정의할 수 있으므로 나머지만 작성합니다. 2 여기서 코드는 다음과 같습니다.

//高级配置验证
validateAdvancedFormItem: {
 name: [
 {required: true, message: '任务名称不能为空', trigger: 'blur'},
 {type: 'string', max: 20, message: '不能超过20个字符', trigger: 'blur'},
 {validator: validNameExist, trigger: 'blur'}
 ],
 groupId: [
 {type: 'string', required: true, message: '请选择任务分组', trigger: 'change'}
 ],
 keywords: [
 {required: true, message: '关键词不能为空', trigger: 'blur'},
 {type: 'string', max: 7000, message: '不能超过7000个字符', trigger: 'blur'},
 {validator: validKeyWordsRule, trigger: 'blur'}
 ],
 /* chooseSiteGroupList: [//todo 暂时注释掉网站分组
  { required: true, type: 'array', min: 1, message: '请选择网站分组', trigger: 'change' },
 ],*/
 chooseInfoTypeList: [
 {required: true, type: 'array', min: 1, message: '请选择信息类型', trigger: 'change'},
 ],
 warnNum: [
 {required: true, message: '请填写预警增量'},
 ],
 warnUserList: [
 {required: true, type: 'array', message: '请选择预警人员', validator: validatewarnUser, trigger: 'change'},
 ],
},
로그인 후 복사

사용자 정의 확인 규칙 방법:

//验证高级配置关键词 规则
const validKeyWordsRule = (rule, value, callback) => {
 var isExceedTwitenty = this.getAdvancedKeyWords();
 var isExceedThreeHundreand = this.getAdvancedKeyWords();
 if(isExceedTwitenty == 1) {
 callback(new Error('配置单个关键词长度不能超过20'))
 } else if(isExceedThreeHundreand == 2) {
 callback(new Error('配置关键词个数不能超过300'))
 } else {
 callback();
 }
};
//处理关键词
getAdvancedKeyWords: function () {
 var flag = -1;
 if(this.dailyTaskItem.keywords != '' && this.dailyTaskItem.keywords.trim() != '') {
 //判断单个配置的关键词长度是否大于20
 var str = '';
 for (var i = 0; i < this.dailyTaskItem.keywords.length; i++) {
  str = str + this.dailyTaskItem.keywords.substr(i, 1).replace(/[\&|\||\!|\(|\)|\"]/, &#39; &#39;);
 }
 var keywordArr = str.split(&#39; &#39;);
 var resultArr = [];
 for(var i in keywordArr) {
  if(keywordArr[i] != &#39;&#39;) {
  resultArr.push(keywordArr[i])
  if(keywordArr[i].trim().length > 20) {
   flag = 1;
   break
  }
  }
 }
 //.关键词一共300个
 if(resultArr.length > 300) {
  flag = 2;
 }
 }
 return flag;
},
로그인 후 복사
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP의 다른 관련 기사에 주목하세요. 중국사이트!

추천 자료:

bass.scss를 Vue

js에 전역적으로 도입하여 숫자 배열을 중복 제거하고 최적화하는 단계에 대한 자세한 설명

위 내용은 iview 사용자 정의 검증 키워드 입력 상자 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿