1.IP地址:端口
let ipReg=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\:([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5])$/
2.IP地址
let ipReg = /^(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|[1-9])(\.(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)){3}$/
3.网址,以http或https协议开头
let httpReg = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/
4.统一社会信用代码格式
let httpReg = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/g
5.邮箱
let emailReg=/[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/
6.手机号
let phoneReg= /^[1][3,4,5,6,7,8,9][0-9]{9}$/
7.涉及多选的
{
type: 'array',
required: true,
message: '请至少选择一个数据要素服务商',
trigger: 'change',
},
校验的几种写法
1.直接在绑定的form表单中rules中定义
rules:{
contact: [
{ required: true, message: '请输入联系人', trigger: 'blur' },
{ max: 64, message: '长度在 64 个字符内', trigger: 'blur' },
],
}2.利用pattern实现正则的验证
email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{
required: true,
pattern:
/[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
message: '请输入正确的邮箱格式',
trigger: 'blur',
},
],3.涉及数字范围的验证
涉及的input中的数据类型要进行转换
input输入的内容都是字符串的形式
v-model.number="" //转换为数字
port: [
{
required: blur,
type: 'number',
min: 1,
max: 65535,
message: '请输入范围之内的端口',
},
],4.利用validator方法实现校验
const validateCode = (rule, value, callback) => {
let httpReg = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/g
if (value !== '') {
if (!httpReg.test(value)) {
callback(new Error('统一社会信用代码格式不正确'))
} else {
callback()
}
} else {
callback(new Error('请输入统一社会信用代码'))
}
}
rules:{
uscc: [
{ required: true, validator: validateCode, trigger: 'blur' },
],
}校验DNS服务器地址
100.125.0.28,100.125.0.2 ,输入形式:多个地址以,隔开
const checkIp = (rule, value, callback) => {
// console.log(value, '输入的ip')
let checkIp4 =
/^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/
let valdata = value.split(/[,;\s]+/g)
// console.log(valdata)
let isCorrect = true
if (valdata.length) {
for (let i = 0; i < valdata.length; i++) {
if (checkIp4.test(valdata[i]) == false) {
isCorrect = false
}
}
}
if (value == null || value == '' || value == 'undefined') {
return callback('请输入ip')
} else if (!isCorrect) {
callback(new Error('请输入正确的ip地址'))
} else {
callback()
}
}
/**
* Created by PanJiaChen on 16/11/18.
*/
/**
* @param {string} path
* @returns {Boolean}
*/
export function isExternal(path) {
return /^(https?:|mailto:|tel:)/.test(path)
}
/**
* @param {string} url
* @returns {Boolean}
*/
export function validURL(url) {
const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
return reg.test(url)
}
/**
* @param {string} str
* @returns {Boolean}
*/
export function validLowerCase(str) {
const reg = /^[a-z]+$/
return reg.test(str)
}
/**
* @param {string} str
* @returns {Boolean}
*/
export function validUpperCase(str) {
const reg = /^[A-Z]+$/
return reg.test(str)
}
/**
* @param {string} str
* @returns {Boolean}
*/
export function validAlphabets(str) {
const reg = /^[A-Za-z]+$/
return reg.test(str)
}
/**
* @param {string} email
* @returns {Boolean}
*/
export function validEmail(email) {
const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
return reg.test(email)
}
/**
* @param {string} str
* @returns {Boolean}
*/
export function isString(str) {
if (typeof str === 'string' || str instanceof String) {
return true
}
return false
}
/**
* @param {Array} arg
* @returns {Boolean}
*/
export function isArray(arg) {
if (typeof Array.isArray === 'undefined') {
return Object.prototype.toString.call(arg) === '[object Array]'
}
return Array.isArray(arg)
}
/**
* @param {Array} arg
* @returns {Boolean}
*/
export function ipaddress(IP) {
let partten = /^(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|[1-9])(\.(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)){3}$/
if (IP && !partten.test(IP)) {
return false
}
return true
}