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

이번에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!