JS+CSS模拟IP输入框

2025-10-17 20:01:09

测试

function checkIPValid_1()
{
if(event.shiftKey)
{
event.returnValue=false;
return;
}
var keyCode = parseInt(event.keyCode);
var result=true;
if((keyCode==8) || (keyCode==37) || (keyCode==39) || (keyCode==9)) return;

if((keyCode>=48) && (keyCode=96) && (keyCode223)
{
eval("form."+ip).value="223";
alert(ip_1+"不是个有效项目，请指定一个介于1和223之间的数值");

}
else if(ip_1==127)
{
eval("form."+ip).value="1";
alert("以127开头的IP地址无效，因为它们保留用作环回地址，请在1和223之间指定一些其他有效值");
}
}

function checkIPValid_3(mask)
{

if(typeof(mask) != 'object'){
mask = eval(mask)
}
var maskInt=parseInt(mask.value);
if((maskInt255))
{
mask.value=255;
alert(maskInt+"不是个有效项目，请指定一个介于0和255之间的数值");
}
}

function checkIPValid_4(mask)
{
var maskInt=parseInt(mask.value);
if((maskInt32))
{
mask.value="";
alert("掩码错误，请指定一个介于0和32之间的数值");
}
}

function checkIPValid_5()
{
var keyCode = parseInt(event.keyCode);
var result=true;
if((keyCode==219) || (keyCode==221) || (keyCode==191) || (keyCode==220) || (keyCode==186) || (keyCode==32))
{
result=false;
}
if(result==false) event.returnValue=false;
}

IP地址：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JS+CSS模拟IP输入框

测试 function checkIPValid_1() { if(event.shiftKey) { event.returnValue=false; return; } var keyCode = parseInt(event.keyCode); var result=true; if((keyCode==8) || (keyCode==37) || (keyCode==39) || (keyCode==9)) return; if((keyCode>=48) && (keyCo
JS+CSS模拟可以无刷新显示内容的留言板实例

本文实例讲述了JS+CSS模拟可以无刷新显示内容的留言板功能.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//h2D XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/h2D/xhtml1-transitional.h2d"> <html xmlns="http://www.w3.org/1999/
js+CSS实现模拟华丽的select控件下拉菜单效果

本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个模板,你修改Select就更方便了,由此你也可以将其制作成CSS下拉菜单,在兼容性方面暂未测试,在IE8下没问题. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-select-control-style-codes/ 具体代码如下:
JS+CSS实现实用的单击输入框弹出选择框的方法

本文实例讲述了JS+CSS实现实用的单击输入框弹出选择框的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

本文实例讲述了JS+CSS实现仿触屏手机拨号盘界面及功能模拟的方法.分享给大家供大家参考.具体如下: 首先来看一下运行效果图: 具体实现代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面

今天小编把之前保存的js特效视频看了一遍,跟着视频敲了敲嘻嘻,用原生js实现一个炫酷的登录页面.怎么个炫酷法呢,看看下面的图片大家就知道啦. 效果图: 不过在看代码之前呢,大家先和小颖看看css中的opacity.transition.box-shadow这三个属性. 1.opacity CSS3 opacity 属性实例设置一个div元素的透明度级别: div { opacity:0.5; } 在此页底部有更多的例子. 浏览器支持 Internet ExplorerFirefoxOpera
基于原生CSS+JS实现一个标签输入框

目录一.自适应输入框布局二.输入框占位提示三.标签的输入与删除四.选择框架还是原生最近在项目中需要做一个标签输入框,还挺实用的,演示效果如下: 主要交互要求是这样的: 点击输入框可以输入内容. 按回车可以生成标签. 按退格键可以删除标签. 点击标签上的关闭按钮可以删除标签. 习惯了各种 react 框架或者UI库,大家有多久没接触没有原生开发了呢?有时候页面比较简单,没必要引入一个完整的框架,原生实现就完全满足了,一起看看吧! 一.自适应输入框布局不管什么组件,布局都是最重要的.这个
react+antd.3x实现ip输入框

本文实例为大家分享了react+antd.3x实现ip输入框的具体代码,供大家参考,具体内容如下表现形式如下: js+html /** * zks 2021 10 26 * ip输入框,作用于新建与修改虚拟子网 * 使用方式:参看antd-form自定义表单控件. */ import React from 'react'; import { Input} from 'antd'; import styles from './index.less' class IpInput extends R
JS+CSS实现的经典tab选项卡效果代码

本文实例讲述了JS+CSS实现的经典tab选项卡效果代码.分享给大家供大家参考.具体如下: 这是一款经典的JavaScript+CSS tab选项卡代码,由以前的一款改写而成,自认为不错的东西,发上来分享吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-jd-tab-cha-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio
js实现模拟计算器退格键删除文字效果的方法

本文实例讲述了js实现模拟计算器退格键删除文字效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &

JS+CSS模拟IP输入框

相关推荐

随机推荐