web前端|js教程
iview,关键词,自定义
web前端-js教程A、验证需求
代刷网分站源码,vscode怎么加py,ubuntu 启动硬盘,tomcat下载与配置,fiddlerapp爬虫,php 打印html,SEO黑猫屏蔽别人快照,dnf卖号的网站源码,商品网站后台管理模板lzw
对应配置的关键词输入框，验证要求如下：
uums源码,ubuntu 恢复模式启动,tomcat8需要破解,邛崃爬虫防治,查看php安装的扩展,宁缺seolzw
1、总字数不能超过7000个；
彩票系统平台php源码,vscode 设置空格,ubuntu关机爆音,derby tomcat,sqlite连接 报错,asp 服务器时间,头像裁剪插件,前端框架绑定js,nodejs 爬虫 登录,解散php,F2SeO,网站的数据库怎么备份,网页登陆界面制作,dede织梦淘宝客模板,页面按钮置灰,数据库进销存管理系统设计,php论坛程序源码lzw
2、去除配置的关键词特殊符号，得到的关键词组数不能超过300；(如：aaa&(bbb|ccc)|(!ddd|eee)),去掉特殊符号，有5组)
3、单个关键词长度不能超过20；(如：aaaaa&(bbb|ccc))，如果aaaaa长度超过20则提示)
B、解决方法
在关键词输入对应的FormItem中加入一个prop属性，作为验证字段使用；注意该FormItem是包含于Form的；
form表单中添加rules验证
由于iview对空和总长度可以直接定义验证规则，所以这里就只自己写其余2个，代码如下：
//高级配置验证validateAdvancedFormItem: { name: [ {required: true, message: 任务名称不能为空, trigger: lur}, {type: string, max: 20, message: 不能超过20个字符, trigger: lur}, {validator: validNameExist, trigger: lur} ], groupId: [ {type: string, required: true, message: 请选择任务分组, trigger: change} ], keywords: [ {required: true, message: 关键词不能为空, trigger: lur}, {type: string, max: 7000, message: 不能超过7000个字符, trigger: lur}, {validator: validKeyWordsRule, trigger: lur} ], /* 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 20) { flag = 1; break } } } //.关键词一共300个 if(resultArr.length > 300) { flag = 2; } } return flag;},
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
Angular使用操作事件指令ng-click传多个参数示例
JavaScript代码实现txt文件的上传预览功能
Angularjs实现控制器之间通信方式实例总结
