如何使HTML中的输入框仅接受IP地址

Question

请帮助我解决我的问题。

如何允许我的输入框仅接受IP地址，同时现在允许任何文本？

例如，当我将输入类型设置为NUMBER时，它会禁用“提交”按钮，输入框仅接受192.168.206.103之类的IP地址输入，不接受字母。 这是我的代码：

脚本：

function displayCam()
{
    var ip = document.getElementById('ipadd');
    var portz = document.getElementById('portz');
    //document.getElementById('camView').innerHTML = ip.value;
    var link = document.getElementById('camView').href="http://"+ip.value+":"+portz.value;
    window.location.href =link;      
}

代码：

<h1>Input IP Address</h1>

<label for="ipadd">Enter IP Address:</label>
    <input type='text' id='ipadd' required="required" placeholder="XXX.XXX.XXX.XXX">



<label for="portz">Enter Port:</label>
    <input type='number' id='portz' pattern=".{1.4}" >
    <input type='button' onclick='displayCam()' value='Submit' required="required">

<div id="camView"> </div>

Answer 1

每次调用displayCam或输入输入时，您都可以尝试检查输入是否为IP地址（可能使用正则表达式）。