javascript - 尝试使用 javascript 验证 IP 地址

Question

我是 JavaScript 的初学者。现在，我正在尝试制作一个表单以回发到服务器。有一些包含 ip 地址的“输入”应在提交前进行验证。现在我已经完成了一个运行良好的javascript函数。但现在我正在尝试将此功能添加到 jquery 选择中。只是搞不清楚怎么做。

这是我的验证 javascript 代码。

function ValidateIPaddress(Ipfield)  
 {  
    IpAddr=Ipfield.value;
    var ipformat = /^(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]?)$/;  

    if(!IpAddr.match(ipformat))  
        return true;  
    else
        return false;

 }

现在这就是我实现此验证的方式。

<input type= "text" name= "LocalIP" style= "margin-right:10px " value="192.168.1.193" class="ip" onfocusout="ValidateIPaddress(document.getElementById('LocalIp'))" id="LocalIp" >            Remote VIP Address :             
                <input type= "text" name= "RemoteVIPAddr" style= "margin-right:10px" value="234.5.6.7" class="ip"  onfocusout="ValidateIPaddress(document.getElementById('RemoteIp'))" id="RemoteIp" >
                Remote VIP Port :             
                <input type= "text" name= "RemoteVIPPort" style= "margin-right:10px" value="5004" class="ip"  onfocusout="ValidatePort(document.getElementById('RemoteVIPPort'))" id="RemoteVIPPort">

现在我想使用 jquery 选择来始终检查是否有一些无效输入。这是类似的东西，但有我自己的设计功能。

$("input.ip:visible").filter(function() { return this.ValidateIPaddress === true }).addClass("invalid");

有人知道吗？

Answer 1

您没有在过滤器函数中调用 ValidateIPAddress，您只是在测试 DOM 元素是否具有名为 ValidateIPAddress 的非空属性。应该是:

$("input.ip:visible").filter(function() {
    return ValidateIPAddress(this);
}).addClass("invalid");