In vue development, it is inevitable to encounter various form verifications. Here we compile some verification methods used on the Internet and yourself at high frequency. If you are wrong, please point it out and update it continuously in the later stage.
1. Is it a legal IP address?
export function validateIP(rule, value,callback) {
if(value==''||value==undefined||value==null){
callback();
}else {
const reg = /^(\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])$/;
if ((!(value)) && value != '') {
callback(new Error('Please enter the correct IP address'));
} else {
callback();
}
}
}
2. Whether it is a mobile phone number or a fixed phone number
export function validatePhoneTwo(rule, value, callback) {
const reg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;;
if (value == '' || value == undefined || value == null) {
callback();
} else {
if ((!(value)) && value != '') {
callback(new Error('Please enter the correct phone number or landline number'));
} else {
callback();
}
}
}
3. Is it fixed-line
export function validateTelphone(rule, value,callback) {
const reg =/0\d{2,3}-\d{7,8}/;
if(value==''||value==undefined||value==null){
callback();
}else {
if ((!(value)) && value != '') {
callback(new Error('Please enter the correct landline)'));
} else {
callback();
}
}
}
4. Whether the mobile phone number
export function validatePhone(rule, value,callback) {
const reg =/^[1][3-9][0-9]{9}$/;
if(value==''||value==undefined||value==null){
callback();
}else {
if ((!(value)) && value != '') {
callback(new Error('Please enter the correct phone number'));
} else {
callback();
}
}
}
5. Is the ID number?
export function validateIdNo(rule, value,callback) {
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(value==''||value==undefined||value==null){
callback();
}else {
if ((!(value)) && value != '') {
callback(new Error('Please enter the correct ID number'));
} else {
callback();
}
}
}
6. Whether to email
export function validateEMail(rule, value,callback) {
const reg =/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;
if(value==''||value==undefined||value==null){
callback();
}else{
if (!(value)){
callback(new Error('Please enter the correct email'));
} else {
callback();
}
}
}
7. Legal url
export function validateURL(url) {
const urlregex = /^(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 (url);
}
8. Verify whether the content contains English numbers and underscores
export function isPassword(rule, value, callback) {
const reg =/^[_a-zA-Z0-9]+$/;
if(value==''||value==undefined||value==null){
callback();
} else {
if (!(value)){
callback(new Error('Composition of only English letters, numbers and underscores'));
} else {
callback();
}
}
}
9. Automatically check the range of values
export function checkMax20000(rule, value, callback) {
if (value == '' || value == undefined || value == null) {
callback();
} else if (!Number(value)) {
callback(new Error('Please enter the number between [1,20000]'));
} else if (value < 1 || value > 20000) {
callback(new Error('Please enter the number between [1,20000]'));
} else {
callback();
}
}
10. Verify the maximum value of the digital input box
export function checkMaxVal(rule, value,callback) {
if (value < 0 || value > Maximum value) {
callback(new Error('Please enter the number between [0, maximum]'));
} else {
callback();
}
}
11. Verify whether it is between 1-99
export function isOneToNinetyNine(rule, value, callback) {
if (!value) {
return callback(new Error('The input cannot be empty'));
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('Please enter a positive integer'));
} else {
const re = /^[1-9][0-9]{0,1}$/;
const rsCheck = (value);
if (!rsCheck) {
callback(new Error('Please enter a positive integer, the value is [1,99]'));
} else {
callback();
}
}
}, 0);
}
12. Verify whether it is an integer
export function isInteger(rule, value, callback) {
if (!value) {
return callback(new Error('The input cannot be empty'));
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('Please enter a positive integer'));
} else {
const re = /^[0-9]*[1-9][0-9]*$/;
const rsCheck = (value);
if (!rsCheck) {
callback(new Error('Please enter a positive integer'));
} else {
callback();
}
}
}, 0);
}
13. Verify whether it is integer, non-required
export function isIntegerNotMust(rule, value, callback) {
if (!value) {
callback();
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('Please enter a positive integer'));
} else {
const re = /^[0-9]*[1-9][0-9]*$/;
const rsCheck = (value);
if (!rsCheck) {
callback(new Error('Please enter a positive integer'));
} else {
callback();
}
}
}, 1000);
}
14. Verify whether it is a decimal of [0-1]
export function isDecimal(rule, value, callback) {
if (!value) {
return callback(new Error('The input cannot be empty'));
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('Please enter the number between [0,1]'));
} else {
if (value < 0 || value > 1) {
callback(new Error('Please enter the number between [0,1]'));
} else {
callback();
}
}
}, 100);
}
15. Verify whether it is a decimal of [1-10], that is, it cannot be equal to 0.
export function isBtnOneToTen(rule, value, callback) {
if (typeof value == 'undefined') {
return callback(new Error('The input cannot be empty'));
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('Please enter a positive integer, the value is [1,10]'));
} else {
if (!(value == '1' || value == '2' || value == '3' || value == '4' || value == '5' || value == '6' || value == '7' || value == '8' || value == '9' || value == '10')) {
callback(new Error('Please enter a positive integer, the value is [1,10]'));
} else {
callback();
}
}
}, 100);
}
16. Verify whether it is a decimal of [1-100], that is, it cannot be equal to 0.
export function isBtnOneToHundred(rule, value, callback) {
if (!value) {
return callback(new Error('The input cannot be empty'));
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('Please enter an integer, the value is [1,100]'));
} else {
if (value < 1 || value > 100) {
callback(new Error('Please enter an integer, the value is [1,100]'));
} else {
callback();
}
}
}, 100);
}
17. Verify whether it is a decimal of [0-100]
export function isBtnZeroToHundred(rule, value, callback) {
if (!value) {
return callback(new Error('The input cannot be empty'));
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('Please enter the number between [1,100]'));
} else {
if (value < 0 || value > 100) {
callback(new Error('Please enter the number between [1,100]'));
} else {
callback();
}
}
}, 100);
}
18. Verify whether the port is between [0,65535]
export function isPort(rule, value, callback) {
if (!value) {
return callback(new Error('The input cannot be empty'));
}
setTimeout(() => {
if (value == '' || typeof(value) == undefined) {
callback(new Error('Please enter the port value'));
} else {
const re = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
const rsCheck = (value);
if (!rsCheck) {
callback(new Error('Please enter the port value between [0-65535]'));
} else {
callback();
}
}
}, 100);
}
19. Verify whether the port is between [0,65535], it is not required, isMust means whether it is required
export function isCheckPort(rule, value, callback) {
if (!value) {
callback();
}
setTimeout(() => {
if (value == '' || typeof(value) == undefined) {
//callback(new Error('Please enter the port value')); } else {
const re = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
const rsCheck = (value);
if (!rsCheck) {
callback(new Error('Please enter the port value between [0-65535]'));
} else {
callback();
}
}
}, 100);
}
20. Lowercase letters
export function validateLowerCase(val) {
const reg = /^[a-z]+$/;
return (val);
}
22. Two-digit decimal verification
const validateValidity = (rule, value, callback) => {
if (!/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(value)) {
callback(new Error('Maximum two decimal places! ! ! '));
} else {
callback();
}
};
23. Whether it is capital letters
export function validateUpperCase(val) {
const reg = /^[A-Z]+$/;
return (val);
}
24. Whether to upper and lowercase letters
export function validatAlphabets(val) {
const reg = /^[A-Za-z]+$/;
return (val);
}
25. Password verification
export const validatePsdReg = (rule, value, callback) => {
if (!value) {
return callback(new Error('Please enter your password'))
}
if (!/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$)([^\u4e00-\u9fa5\s]){6,20}$/.test(value)) {
callback(new Error('Please enter 6-20 English letters, numbers or symbols (except spaces), and letters, numbers and punctuation marks contain at least two types'))
} else {
callback()
}
}
26. Chinese verification
export const validateContacts = (rule, value, callback) => {
if (!value) {
return callback(new Error('Please enter Chinese'))
}
if (!/^[\u0391-\uFFE5A-Za-z]+$/.test(value)) {
callback(new Error('Special characters cannot be entered'))
} else {
callback()
}
}
27. ID card verification
export const ID = (rule, value, callback) => {
if (!value) {
return callback(new Error('Identity card cannot be empty'))
}
if (! /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)) {
callback(new Error('Please enter the correct second-generation ID number'))
} else {
callback()
}
}
28. Account verification
export const validateCode = (rule, value, callback) => {
if (!value) {
return callback(new Error('Please enter your account'))
}
if (!/^(?![0-9]*$)(?![a-zA-Z]*$)[a-zA-Z0-9]{6,20}$/.test(value)) {
callback(new Error('Account must be a combination of 6-20 letters and numbers'))
} else {
callback()
}
}
29. Pure digital verification
export const validateNumber = (rule, value, callback) => {
let numberReg = /^\d+$|^\d+[.]?\d+$/
if (value !== '') {
if (!(value)) {
callback(new Error('Please enter the number'))
} else {
callback()
}
} else {
callback(new Error('Please enter a value'))
}
}
30. At most one decimal
const onePoint = (rule, value, callback) => {
if (!/^[0-9]+([.]{1}[0-9]{1})?$/.test(value)) {
callback(new Error('Maximum one decimal! ! ! '));
} else {
callback();
}
};
Summarize
The above is the commonly used rules verification rules in Vue introduced to you by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support for my website! If you think this article is helpful to you, please reprint it. Please indicate the source, thank you!