js验证ip地址

最新推荐文章于 2024-04-21 21:36:13 发布

黄宝康

最新推荐文章于 2024-04-21 21:36:13 发布

阅读量4.2k

点赞数 4

分类专栏：代码封装工具类文章标签： js验证ip地址

本文链接：https://blog.csdn.net/huangbaokang/article/details/116734448

版权

工具类同时被 2 个专栏收录

50 篇文章 1 订阅

订阅专栏

代码封装

30 篇文章 0 订阅

订阅专栏

function isValidIP(ip) {
    var 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])$/
    return reg.test(ip);
}

主要是ip的正则表达式。

应用场景：

<!DOCTYPE html>
<html>
<head>
<title>ip校验</title>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script	src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
</head>
<body>
	<form class="cmxform" id="commentForm" method="get" action="">
		<fieldset>
			<legend>输入您的IP</legend>
			<p>
				<label for="ip">ip</label> <input id="cname" name="ip" type="text"	required>
			</p>
			<p>
				<input class="submit" type="submit" value="Submit">
			</p>
		</fieldset>
	</form>
</body>
</html>


<script>
$("#commentForm").validate({
    focusCleanup: true,
    rules:{
    	ip:{
            isValidIP:true,
        }
    }
});

$(function() {
   jQuery.validator.addMethod("isValidIP", function (value, element){
        return this.optional(element) || isValidIP(value);
    },"请输入正确的IP地址");
        	 
   function isValidIP(ip) {
	    var 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])$/
	    return reg.test(ip);
   }

});
</script>

在这里插入图片描述

这种方式是自定义jquery-validate的方法，只要你的逻辑，返回true或者false即可，针对不同业务，你都可以搞定前端校验。
前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程
博客若对你有用，欢迎扫码打赏，你的打赏是我写作的动力。
在这里插入图片描述
欢迎加入康哥IT粉丝交流QQ群833249482

黄宝康

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
js验证ip地址

function isValidIP(ip) { var 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])$/ return reg.test(ip);}主要是ip的正则表达式。应用场景：<!DOCTYPE html><html&
复制链接

扫一扫