JavaScript验证与功能实现代码示例

需积分: 18 1 下载量 26 浏览量 更新于2024-07-31 收藏 59KB DOC 举报
"该资源主要涵盖JavaScript的经典应用实例,包括验证类、功能类、浏览器类、结合类等各个方面的代码示例,旨在帮助开发者更好地理解和使用JavaScript进行网页交互和数据验证。" 一、验证类 JavaScript在表单验证中扮演着重要角色。以下是几个关键的验证规则: 1.1 整数验证:确保输入的数据是整数。 1.2 大于0的整数验证:检查整数是否大于0,适用于ID等需要正整数的场景。 1.3 负整数验证:验证输入是否为负整数。 1.4 整数范围验证:确保整数不超过指定的最大值iMax。 1.5 整数最小值验证:确认整数不低于最小值iMin。 2.1 短时间验证:验证输入的时间格式是否符合如"13:04:06"的格式。 2.2 短日期验证:检查日期格式是否正确,如"2003-12-05"。 2.3 长时间验证:验证包含日期和时间的输入,如"2003-12-05 13:04:06"。 2.4 只有年和月的日期验证:确保输入格式如"2003-05"或"2003-5"。 2.5 只有小时和分钟的验证:验证如"12:03"的时间格式。 二、功能类 1.1 日历、时间控件和万年历:提供用户友好的日期选择界面。 1.2 显示动态时钟效果:在页面上实时更新当前时间,可用于办公自动化系统。 1.3 只能输入特定数量文字的多行文本框:如短信发送,限制用户输入的字符数。 1.4 打印控件:实现网页内容的打印功能。 三、浏览器类 5.1 浏览器类型检测:识别用户使用的浏览器类型,如Chrome、Firefox等。 5.2 IE版本检测:针对Internet Explorer的不同版本进行特定处理。 5.3 客户端分辨率检测:获取用户屏幕的分辨率信息,有助于页面适配。 四、结合类 6.1 email验证:确保输入的邮箱地址格式正确。 6.2 手机号码验证:验证输入的手机号码格式是否合法。 6.3 身份证验证:根据身份证号码的规则进行有效性验证。 五、其他功能 4.1 屏蔽鼠标右键:防止用户通过右键菜单执行特定操作。 4.2 屏蔽特定键盘按键:如F5刷新、F11全屏、F9、F1等,增强网站安全性。 5.1 连续滚动文字和图片:创建无缝滚动效果,提升用户体验。 5.2 HTML编辑控件:提供类似Word的在线文本编辑功能。 5.3 颜色选取框:为用户提供选择颜色的界面。 5.4 下拉菜单:创建可展开和折叠的下拉列表。 5.5 多层次下拉菜单:模仿Windows操作系统的菜单结构。 5.6 仿IE菜单按钮:实现类似IE浏览器导航栏的样式。 5.7 状态栏和title栏动态效果:动态显示信息,增加互动性。 5.8 双击滚屏:双击页面后自动滚动到顶部或底部。 六、树型结构 提供树状的数据展示,常用于目录浏览、组织架构等场景,支持展开、折叠以及节点的操作。 这些JavaScript经典例子覆盖了网页开发中常见的需求,是学习和提高JavaScript技能的重要参考资料。
2018-06-05 上传
前言   第1章使用JavaScript字符串   1.0简介   1.1连接两个或多个字符串   1.2连接字符串和另一种数据类型   1.3条件比较字符串   1.4在字符串中查找子字符串   1.5从一个字符串提取子字符串   1.6检查一个存在的、非空的字符串   1.7将一个关键字字符串分解为单独的关键字   1.8插入特殊字符   1.9处理textarea的单个行   1.10去除字符串末尾的空白   1.11左补充或右补充一个字符串   第2章使用正则表达式   2.0简介   2.1测试一个子字符串是否存在   2.2测试不区分大小写的子字符串匹配   2.3验证社会安全号码   2.4找到并突出显示一个模式的所有实例   2.5使用新字符串替换模式   2.6使用捕获圆括号交换一个字符串中的单词   2.7使用正则表达式来去除空白   2.8使用命名实体来替代HTML标签   2.9搜索特殊字符   第3章日期、时间和定时器   3.0简介   3.1打印出今天的日期   3.2打印出UTC日期和时间   3.3打印出一个ISO 8601格式日期   3.4把一个ISO 8601格式的日期转换为Date对象可接受的一种格式   3.5创建一个特定的日期   3.6规划未来的一个日期   3.7记录流逝的时间   3.8创建一个延迟   3.9创建重复性定时器   3.10使用带有定时器的函数闭包   第4章使用Number和Math   4.0简介   4.1保持一个递增的计数   4.2把十进制数转换为一个十六进制值   4.3创建一个随机数生成器   4.4随机产生颜色   4.5把表中的字符串转换为数字   4.6把表中一列的所有数字加和   4.7在角度和弧度之间转换   4.8找到页面元素可容纳的一个圆的半径和圆心   4.9计算圆弧的长度   第5章使用数组和循环   5.0简介   5.1循环遍历数组   5.2创建多维数组   5.3从数组创建一个字符串   5.4排序数组   5.5按顺序存储和访问值   5.6以相反的顺序存储和访问值   5.7创建一个新数组作为已有数组的子集   5.8在数组中搜索   5.9将一个多维数组扁平化   5.10搜索和删除或替换数组元素   5.11对每个数组元素应用一个函数   5.12对数组中的每个元素执行一个函数并返回一个新数组   5.13创建一个过滤后的数组   5.14验证数组内容   5.15使用一个关联数组来存储表单元素名和值   第6章使用JavaScript函数构建重用性   6.0简介   6.1创建一段可重用的代码   6.2把单个数据值传递到函数   6.3把复杂的数据对象传递给函数   6.4创建一个动态运行时函数   6.5把一个函数当做参数传递给另一个函数   6.6实现递归算法   6.7创建能够记住其状态的函数   6.8使用一个通用的科里化函数提高应用程序性能   6.9使用缓存计算(Memoization)来提高应用程序性能   6.10使用匿名函数包装全局变量   第7章处理事件   7.0简介   7.1检测页面何时完成载入   7.2使用Event对象捕获鼠标点击事件的位置   7.3创建一个通用的、可重用的事件处理函数   7.4根据修改的条件来取消一个事件   7.5阻止事件在一组嵌套元素中传播   7.6捕获键盘活动   7.7使用新的HTML 5拖放   7.8使用Safari方向事件和其他移动开发环境   第8章浏览器模块   8.0简介   8.1请求Web页面访问者确认一项操作   8.2创建一个新的、下拉式的浏览器窗口   8.3找到关于浏览器的访问页面   8.4警告Web页面访问者将要离开页面   8.5根据颜色支持更改样式表   8.6根据页面大小修改图像尺寸   8.7在CMS模板页面中创建面包屑路径   8.8将一个动态页面加入书签   8.9针对后退按钮、页面刷新来保持状态   第9章表单元素和验证   9.0简介   9.1访问表单文本输入值   9.2动态关闭或打开表单元素   9.3根据一个事件从表单元素获取信息   9.4当点击单选按钮的时候执行一个动作   9.5检查一个有效的电话号码   9.6取消表单提交   9.7阻止重复表单提交   9.8隐藏和显示表单元素   9.9根据其他表单选择修改一个选项列表   第10章调试和错误处理   10.0简介   ……   第11章访问页面元素   第12章创建和删除元素和属性   第13章使用Web页面空间   第14章使用JavaScript、CSS和ARIA创建交互和可访问性效果   第15章创建富媒体和交互应用程序   第16章JavaScript对象   第17章JavaScript库   第18章通信   第19章使用结构化数据   第20章持久化   第21章JavaScript创新用法