如何使HTML中的输入框使其仅接受IP ADDRESS [重复]

Posted 2023-02-22

【中文标题】如何使HTML中的输入框使其仅接受IP ADDRESS [重复]

【英文标题】：How to make the input box in HTML to make it only accept IP ADDRESS [duplicate]

【发布时间】：2019-02-28 04:57:40

【问题描述】：

请帮我解决我的问题。

如何让我的输入框只接受 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>

【参考方案1】：

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