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

时间:2018-09-24 16:14:31

标签: javascript html css

请帮助我解决我的问题。

如何允许我的输入框仅接受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 个答案:

答案 0 :(得分:-1)

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