文本框是如何工作的IP地址框

Question

我的问题是，我们可以创建一个像IP地址框这样的文本框意味着我们只能在"122.235.25.36"这样的文本框中插入数值，并且所有的点（。）已经保留在那里。

我在制作一个应用程序。其中我想在网络地方看到配置网络IP的特定格式的任何IP。 如果这是可能的C＃asp.net与jQuery/JavaScript，告诉我。

Answer 1

jQuery Masked Input Plugin让你指定一个这样的格式。

$("#ip").mask("999.999.999.999"); 

Answer 2

您可以使用此jQuery插件：

http://mlntn.com/2009/12/30/jquery-ip-address-plugin/

和演示是：

http://mlntn.com/demos/jquery-ipaddress/

Answer 3

你可以与下面的JavaScript下面的表达式中使用正则表达式和匹配功能：

function checkValidIPAddress() { 
var regex = "\b(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b" 

var str = $("#inputBox").val(); 
var pattern = new RegExp(regex); 
return pattern.test(str); 
} 

其中#inputBox是您希望验证的控件的ID。

示范此代码工作的：

http://jsfiddle.net/MHKkX/

从评论：

功能checkValidIPAddress（）{ VAR正则表达式=“^（？：[0-9] {1,3}）{3} [0-9] {1,3} $“。

var str = $("#inputBox").val(); 
var pattern = new RegExp(regex); 
return pattern.test(str); 

}

$("#inputBox").keyup(function() { 
    if (checkValidIPAddress()) { 
    $("#error").hide(); 
    } else { 
    $("#error").show(); 
} 
}); 

http://jsfiddle.net/MHKkX/7/