现在的位置: 首页 > 综合 > 正文

html_jsp_文本框输入IP地址

2013年11月23日 ⁄ 综合 ⁄ 共 1975字 ⁄ 字号 评论关闭
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>

    <head>
        <title>IP地址输入</title>
        
        <meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
        <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
        <meta name="ProgId" content="FrontPage.Editor.Document">
        
        <script>
            function mask(obj)
            {
                obj.value = obj.value.replace(/[^/d]/g, '');
                var key1 = event.keyCode;
                if (key1 == 37 || key1 == 39)
                {
                    obj.blur();
                    nextip = parseInt(obj.name.substr(2,1));
                    nextip = (key1 == 37) ? nextip - 1 : nextip + 1;
                    nextip = (nextip >= 5) ? 1 : nextip;
                    nextip = (nextip <= 0) ? 4 : nextip;
                    eval("ip" + nextip + ".focus()");
                }
                if(obj.value.length >= 3)
                if(parseInt(obj.value) >= 256 || parseInt(obj.value) <= 0)
                {
                    alert(parseInt(obj.value) + " IP地址错误!");
                    obj.value="";
                    obj.focus();
                    return false;
                }
                else
                {
                    obj.blur();
                    nextip = parseInt(obj.name.substr(2,1)) + 1;
                    nextip = (nextip >= 5) ? 1 : nextip;
                    nextip = (nextip <= 0) ? 4 : nextip;
                    eval("document.getElementById(/'" + "ip" + nextip + "/').focus()");
                }
            }
            function mask_c(obj)
            {
                clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))
            }
        </script>

    </head>
    
    <body>
        IP地址输入:
        <input type=text name=ip1 maxlength=3 size=3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
        <input type=text name=ip2 maxlength=3 size=3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
        <input type=text name=ip3 maxlength=3 size=3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
        <input type=text name=ip4 maxlength=3 size=3 onkeyup="mask(this)" onbeforepaste=mask_c()>
    </body>

</HTML>

尚待改进:
1.按“.”自动跳到下一个框

2.ie 和ff 的不兼容,例:event.keyCode仅在IE下好用。

【上篇】
【下篇】

抱歉!评论已关闭.