vue前端校验合法IP地址和手机号码

最新推荐文章于 2024-09-12 20:40:15 发布

乐邂逅

最新推荐文章于 2024-09-12 20:40:15 发布

阅读量1.6k

点赞数

分类专栏：原创文章文章标签： vue js 正则表达式

本文链接：https://blog.csdn.net/Hrenhua/article/details/119149949

版权

原创文章专栏收录该内容

20 篇文章

订阅专栏

本文提供JS实现的IP(v4)地址及手机号校验方法。通过正则表达式确保输入的有效性，包括对IP地址每段范围限制及手机号前缀匹配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文用js代码和正则表达式介绍校验IP（v4）地址和手机号的合法性

1、校验IP地址的合法性

// ip校验规则
export function validateIPAddress(rule, value, callback){
				let regexp = /^((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(',');
				let isCorrect = true;
					if (valdata.length) {
						for (let i = 0; i < valdata.length; i++) {
						   if (regexp.test(valdata[i]) == false) {
						       isCorrect = false;
						   }
						}
					}				      
					if (value == '') {
						return callback(new Error('请输入iP地址'));
					} else if (!isCorrect) {
						callback(new Error('请输入正确对ip地址'));
					} else {
						        callback()
					}
 }

validatorRules: {
           name: [
              { required: true, message: '请输入名称!'},
           ],
           ip: [
              { required: true, validator:validateIPAddress },
              //message: '请输入IP!',
           ],
}

2、校验手机号

export function validatePhone(rule, value, callback){
    let regexp = /^1[1356789]\d{9}$/.test(value)
    if (value == '') {
						return callback(new Error('请输入手机号码！'));
					} else if (!regexp) {
						callback(new Error('请输入正确手机号码！'));
					} else {
						        callback()
					}
  
  }