newValidate.js 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. /*
  2. * @Author: chenlong (陈龙)
  3. * @Date: 2019-10-24 18:11:07
  4. * @LastEditors: zwy
  5. * @LastEditTime: 2021-05-27 09:12:30
  6. * @Description: 表单校验方法
  7. */
  8. /* eslint-disable */
  9. const regExps = {
  10. carNumber: {// 车牌校验
  11. regExp: /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1,2}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/,
  12. msg: '车牌格式有误'
  13. },
  14. domainName: {// 域名校验
  15. regExp: /^(?=^.{3,255}$)[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+$/,
  16. msg: '域名格式有误'
  17. },
  18. int: {// 包含0的正整数校验
  19. regExp: /^([1-9]\d*|0{1})$/,
  20. msg: '该项为正整数'
  21. },
  22. price: {// 最多4位小数的价格校验
  23. regExp: /^(0{1}|[1-9]\d*)(?:\.\d{1,4})?$/,
  24. msg: '价格格式有误,最多保留4位小数'
  25. },
  26. phone: {// 手机号校验
  27. regExp: /^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|147)\d{8}$/,
  28. msg: '手机号码格式有误'
  29. },
  30. email: {// 邮箱校验
  31. regExp: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
  32. msg: '邮箱地址格式有误'
  33. },
  34. tel: {// 联系电话校验
  35. regExp: /^((0\d{2,3}-\d{7,8})|((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|147)\d{8})$/,
  36. msg: '联系电话格式有误'
  37. },
  38. card: {// 身份证校验
  39. regExp: /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|[xX])$/,
  40. msg: '身份证格式有误'
  41. },
  42. passport: { // 护照
  43. regExp: /^[a-zA-Z0-9]{3,21}$/,
  44. msg: '护照格式有误'
  45. },
  46. officer: { // 军官证或士兵证
  47. regExp: /^[a-zA-Z0-9]{7,21}$/,
  48. msg: '军官证格式有误'
  49. },
  50. hours: {// 时分校验
  51. regExp: /^(([0,1]\d{1})|2[0,1,2,3]{1}|\d{1}):[0,1,2,3,4,5]\d{1}$/,
  52. msg: '时分输入格式有误'
  53. },
  54. hoursNocolon: {// 不带冒号时分校验
  55. regExp: /^(([0,1]\d{1})|2[0,1,2,3]{1}|\d{1})[0,1,2,3,4,5]\d{1}$/,
  56. msg: '请输入不带冒号的时分格式'
  57. },
  58. percentage: {// 百分数验证
  59. regExp: /^\d+\%$/,
  60. msg: '请输入百分数'
  61. },
  62. legalString: {// 中文、英文字母、数字、下划线和中划线
  63. regExp: /^[\u4E00-\u9FA5A-Za-z0-9_-]+$/,
  64. msg: '由中文、英文字母、数字、下划线和中划线组成'
  65. }
  66. }
  67. export default {
  68. getSetting() {
  69. return {
  70. message: '该项不能为空.',
  71. required: true,
  72. trigger: 'blur',
  73. validator() {}
  74. }
  75. },
  76. // 为空校验
  77. null(value) {
  78. let regExp = /^\s*$/g;
  79. if(regExp.test(value) || 'undefined' == typeof(value) || null == value) {
  80. return '该项不能为空'
  81. }
  82. },
  83. // 车牌校验
  84. carNumber(value) {
  85. let regExp = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1,2}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
  86. return !regExp.test(value) && '车牌格式有误';
  87. },
  88. // 域名校验
  89. domainName(value) {
  90. let regExp = /^(?=^.{3,255}$)[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+$/
  91. return !regExp.test(value) && '域名格式有误';
  92. },
  93. // 包含0的正整数校验
  94. int(value) {
  95. let regExp = /^([1-9]\d*|0{1})$/
  96. return !regExp.test(value) && '该项为正整数';
  97. },
  98. // 最多4位小数的价格校验
  99. price(value) {
  100. let regExp = /^(0{1}|[1-9]\d*)(?:\.\d{1,4})?$/;
  101. return !regExp.test(value) && '价格格式有误,最多保留4位小数';
  102. },
  103. // 手机号校验
  104. phone(value) {
  105. let regExp = /^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|147)\d{8}$/;
  106. return !regExp.test(value) && '您输入格式有误,请重新输入';
  107. },
  108. // 联系电话校验
  109. tel(value) {
  110. let regExp = /^((0\d{2,3}-\d{7,8})|((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|147)\d{8})$/;
  111. return !regExp.test(value) && '联系电话格式有误';
  112. },
  113. // 身份证校验
  114. card(value) {
  115. let regExp = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|[xX])$/;
  116. return !regExp.test(value) && '身份证格式有误';
  117. },
  118. // 时分校验
  119. hours(value) {
  120. let regExp = /^(([0,1]\d{1})|2[0,1,2,3]{1}|\d{1}):[0,1,2,3,4,5]\d{1}$/;
  121. return !regExp.test(value) && '时分输入格式有误';
  122. },
  123. // 不带冒号时分校验
  124. hoursNocolon(value) {
  125. let regExp = /^(([0,1]\d{1})|2[0,1,2,3]{1}|\d{1})[0,1,2,3,4,5]\d{1}$/;
  126. return !regExp.test(value) && '请输入不带冒号的时分格式';
  127. },
  128. // 百分数验证
  129. percentage(value) {
  130. let regExp = /^\d+\%$/
  131. return !regExp.test(value) && '请输入百分数'
  132. },
  133. legalString(value) {
  134. const regExp = /^[\u4E00-\u9FA5A-Za-z0-9_-]+$/;
  135. return !regExp.test(value) && '由中文、英文字母、数字、下划线和中划线组成'
  136. },
  137. /*
  138. 初始化校验
  139. arg为需要校验项的数组集合,需要优先校验项放在最后
  140. */
  141. init(arg) {
  142. let set = this.getSetting();
  143. set.validator = (rule, value, callback) => {
  144. let i = arg.length,
  145. err;
  146. while(i--) {
  147. err = this[arg[i]](value);
  148. if(err) break;
  149. }
  150. if(err) {
  151. rule.message = err;
  152. callback(new Error(''))
  153. } else {
  154. callback();
  155. }
  156. }
  157. return [Object.assign({}, set)];
  158. },
  159. /*
  160. 为必填校验
  161. */
  162. noRequired(arg) {
  163. let set = this.getSetting();
  164. set.required = false;
  165. set.validator = (rule, value, callback) => {
  166. if(value) {
  167. let i = arg.length,
  168. err;
  169. while(i--) {
  170. err = this[arg[i]](value);
  171. if(err) break;
  172. }
  173. if(err) {
  174. rule.message = err;
  175. callback(new Error(''))
  176. } else {
  177. callback();
  178. }
  179. } else {
  180. callback();
  181. }
  182. }
  183. return [Object.assign({}, set)];
  184. },
  185. // 自定义校验
  186. custome(params) {
  187. return [Object.assign({}, this.getSetting(), params)]
  188. },
  189. /*
  190. 正则校验
  191. reg正则表达式
  192. msg提示消息
  193. required是否为必填,不传为不必填,传值则根据required的Boolean值来确定
  194. */
  195. reg(reg, msg, required) {
  196. let self = this;
  197. return [Object.assign({}, this.getSetting(), {
  198. required: Boolean(required),
  199. message: msg,
  200. validator(rule, value, callback) {
  201. if(rule.required) {
  202. if(self.null(value)) {
  203. callback(new Error(''))
  204. } else {
  205. if(reg.test(value)) {
  206. callback()
  207. } else {
  208. callback(new Error(''))
  209. }
  210. }
  211. } else {
  212. if(self.null(value)) {
  213. callback()
  214. } else {
  215. if(reg.test(value)) {
  216. callback()
  217. } else {
  218. callback(new Error(''))
  219. }
  220. }
  221. }
  222. }
  223. })]
  224. },
  225. // 1以上的正整数
  226. cameraChannel(required=true) {
  227. let pattern = /^[1-9]/,
  228. message = '请输入除了0的数字';
  229. return {required, pattern, message, trigger: 'blur'}
  230. },
  231. //数字、大小写字母和下划线(50位以内)
  232. limitVideoNumber (required=true) {
  233. let pattern = /^\w{0,50}$/,
  234. message = '不能超过50位';
  235. return {required, pattern, message, trigger: 'blur'}
  236. },
  237. //限制50位以内
  238. limitVideo (required=true) {
  239. let pattern = /^.{1,50}$/,
  240. message = '不能超过50位';
  241. return {required, pattern, message, trigger: 'blur'}
  242. },
  243. //数字、大小写字母和下划线(20位以内)
  244. limitVideoNumber20 (required=true) {
  245. let pattern = /^([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_()()]){1,20}$/ ,
  246. message = '不能超过20位';
  247. return {required, pattern, message, trigger: 'blur'}
  248. },
  249. /**
  250. * @description: 输入框校验
  251. * @param {String}: name: 名称:label
  252. * @return {Object}: Object
  253. * @author: chenlong (陈龙)
  254. */
  255. inputRequired(name = '名称') {
  256. return { required: true, message: `请输入${name}`, trigger: 'blur' }
  257. },
  258. //匹配版本号*.*.*
  259. versionRegular(required=true) {
  260. let pattern = /^([1-9]\d+|[1-9])(\.([1-9]\d+|\d)){2}$/,
  261. message = '请输入除了0开头x.x.x的格式';
  262. return { pattern, message, trigger: 'blur'}
  263. },
  264. /**
  265. * @description: 选择框校验
  266. * @param {String}: name: 名称:label
  267. * @param {String}: msg: 自定义提示
  268. * @return {Object}: Object
  269. * @author: chenlong (陈龙)
  270. */
  271. selectRequired(name= '名称', msg) {
  272. return { required: true, message: msg || `请选择${name}`, trigger: 'change' }
  273. },
  274. /**
  275. * @description: 正则表达式
  276. * @param {RegExp || String}: reg 正则表达式 | regExps里面的正则类型
  277. * @param {String}: msg 校验错误提示
  278. * @return {Object}: Object
  279. * @author: chenlong (陈龙)
  280. */
  281. pattern(reg, msg) {
  282. let pattern = /^[\u4E00-\u9FA5A-Za-z0-9_-]+$/,
  283. message = '由中文、英文字母、数字、下划线和中划线组成';
  284. if(reg instanceof RegExp) {
  285. pattern = reg;
  286. message = msg || '您输入格式有误,请重新输入'
  287. } else if (typeof reg == 'string' && regExps[reg]){
  288. pattern = regExps[reg] && regExps[reg].regExp;
  289. message = msg || '您输入格式有误,请重新输入' || regExps[reg] && regExps[reg].msg;
  290. }
  291. return {pattern, message, trigger: 'blur'}
  292. },
  293. /**
  294. * @description: 选择框校验
  295. * @param {Number}: min: 最小长度
  296. * @param {Number}: max: 最大长度
  297. * @return {Object}: Object
  298. * @author: chenlong (陈龙)
  299. */
  300. lengthRange(min = 2, max = 50, required = true) {
  301. return { required, min, max, message: `长度在 ${min} 到 ${max} 个字符`, trigger: 'blur' }
  302. },
  303. // 自定义校验
  304. custome(params) {
  305. return [Object.assign({}, this.getSetting(), params)]
  306. },
  307. // 手机号校验
  308. patternPhone(required=true) {
  309. let pattern = /^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|147|191)\d{8}$/,
  310. message = '您输入的手机号有误';
  311. return {required, pattern, message, trigger: 'blur'}
  312. },
  313. }