文本框是如何工作的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/