import Vue from 'vue'
Vue.directive('phones', {
inserted: function (el, binding, vnode) {
el.addEventListener('blur', (es) => {
const phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/;;
if (!phoneReg.test(el.value)) {
el.style.border = '1px solid red';
} else if (phoneReg.test(el.value)) {
el.style.border = '1px solid green'
}
})
},
})
Vue.directive('pawwsord', {
inserted: function (el, binding, vnode) {
el.addEventListener('blur', (es) => {
const pawwsords = /^(?=.*[0-9])(?=.*[a-zA-Z])[0-9A-Za-z~!@#$%^&*._?]{8,15}$/
if (!pawwsords.test(el.value)) {
el.style.border = '1px solid red';
} else if (pawwsords.test(el.value)) {
el.style.border = '1px solid green'
}
})
},
})
Vue.directive('username', {
inserted: function (el, binding, vnode) {
el.addEventListener('blur', (es) => {
const realnameReg = /^[\u4E00-\u9FA5]{2,6}$/
if (!realnameReg.test(el.value)) {
el.style.border = '1px solid red';
} else if (realnameReg.test(el.value)) {
el.style.border = '1px solid green'
}
})
},
})
mians.js
导入
import './jiaoyan/iphone'
