<!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" xml:lang="en" lang="en">
<head>
<!-- Created by TopStyle Pro Trial Version - www.bradsoft.com -->
<title></title>
</head>
<body>
<script type="text/javascript">
// 说明 : 用 Javascript 实现只能输入数字的文本框
// 整理 : CodeBit.cn ( http://www.CodeBit.cn )
function checkNumber(e) {
var key = window.event ? e.keyCode : e.which;
var keychar = String.fromCharCode(key);
var el = document.getElementById('test');
var msg = document.getElementById('msg'); reg = /\d/;
var result = reg.test(keychar);
if(!result) { el.className = "warn"; msg.innerHTML = "只能输入数字";
return false; }
else {
el.className = ""; msg.innerHTML = ""; return true;
}
}
</script>
<div id="test">
请输入数字:<input type="text" onkeypress="return checkNumber(event);" />
<span id="msg"></span>
</div>
</body>
相关推荐
作为一个程序员,熟练掌握JavaScript特效的制作技巧能够极大地提升网页的交互性和用户体验。本文将深入探讨一些程序员常用的JavaScript特效及其背后的原理。 首先,我们来谈谈JavaScript基础。JavaScript是一种解释...
在IT领域,尤其是在前端开发中,创建一个只能输入数字的输入框特效是常见的需求,它通常用于例如电话号码、身份证号或价格等需要用户输入数值的场景。这种特效的实现涉及HTML、CSS以及JavaScript(或者jQuery)技术...
在实际的网页设计中,JavaScript特效可以用于: 1. 导航菜单:如下拉菜单、滑动切换等,提升导航体验。 2. 图片轮播:自动切换图片,添加过渡效果,使网页更生动。 3. 表单验证:实时验证用户输入,提供友好的反馈。...
JavaScript特效在网页开发中起着至关重要的作用,特别是在表单验证方面。客户端验证是指在用户提交数据到服务器之前,利用JavaScript在用户浏览器上对输入的数据进行有效性检查,以提高用户体验和减轻服务器负担。...
通过学习和理解这个“javascript经典特效---数字翻译成英语.rar”项目,开发者不仅可以掌握数字转换成英文的技巧,还能提升对JavaScript条件判断、字符串操作、函数封装等基础概念的理解。在实际应用中,这个功能...
这些JavaScript特效的实现,往往需要结合DOM(Document Object Model)操作,通过选择、创建、修改或删除HTML元素来改变网页内容。此外,还可以利用jQuery、React、Vue等库或框架简化开发过程,提供更强大的功能和...
学习JavaScript的基础包括变量声明、数据类型(如字符串、数字、布尔值等)、控制流程(如条件语句、循环结构)以及函数的使用。 深入到网页特效,JavaScript可以操作DOM(Document Object Model),这是一个HTML或...
在本主题“jquery限制最大输入数字插件特效”中,我们将深入探讨如何使用jQuery实现对用户输入数字的限制,以及如何创建类似新浪微博的动态效果。 首先,jQuery限制最大输入数字的功能主要应用于表单输入,特别是...
在网页设计和开发中,JavaScript特效是不可或缺的一部分,可以极大地提升网站的视觉吸引力和用户体验。以下是对"JavaScript特效41个"这个主题的详细解释: 1. 全国省市级联:这是一个常见的JavaScript功能,用于...
标签"js特效-数字放大镜input输入数字放大镜效果代码"揭示了这个代码的主要技术领域,即JavaScript特效。这意味着代码利用了JavaScript的DOM操作、事件监听以及可能的动画效果来创建这一视觉特效。 在压缩包的子...
本资源“近1000种JavaScript网页特效集”是一个全面的JavaScript特效合集,包含了丰富的示例和代码片段,旨在帮助开发者快速实现各种网页特效。 首先,JavaScript的基础知识包括变量、数据类型、控制结构(如条件...
这个“javascript经典特效---数字翻译成英文.rar”压缩包可能包含一个实现这一功能的示例代码或教程。下面我们将深入探讨这个主题。 首先,让我们了解数字翻译的基本概念。在英语中,数字从1到20有特殊的单词表示...
本文将详细探讨"所有常见的JavaScript特效",包括文本特效、图片特效、鼠标键盘特效、按钮特效、日期时间类、计数转换类、系统检测类、页面特效类、菜单特效类、密码校验类以及游戏类和流行特效类。 1. **文本特效*...
JavaScript经典特效——猜数字游戏是一种常见的网页互动小游戏,利用JavaScript编程语言实现。在这个游戏中,计算机随机生成一个指定范围内的数字,玩家需要通过输入猜测来尝试找出这个数字。本项目主要涉及以下几个...
1. **文本特效类**:这是JavaScript特效的基础,通常涉及文本的动画展示、动态输入验证、文字滚动、高亮显示等。例如,可以创建一个文本闪烁效果或者实现自动完成的搜索框,这些都需要利用JavaScript对DOM(文档对象...
本文将围绕“javascript时间显示各种特效”这一主题,详细讲解JavaScript在处理时间显示上的常见技巧和特效。 1. **时间格式化**: JavaScript中的Date对象是处理日期和时间的基础。我们可以使用`Date()`构造函数...
对于数字,可以使用JavaScript创建动态的计数器效果,模拟数值的实时增加或减少,常用于统计数据或倒计时。 8. **响应式文字** 利用媒体查询和JavaScript,可以根据屏幕尺寸改变文字的布局或样式,实现响应式的...
"几个JavaScript特效实例(超经典哦)"这个主题包含了多个JavaScript在实际应用中的示例,特别是针对表单验证的各种经典实例。 1. **JavaScript表单验证**:在Web开发中,表单验证是必不可少的一环,它可以确保用户...
这份"2010最新JavaScript特效开发手册CHM"是为程序员提供的一份宝贵的参考资料,旨在帮助开发者掌握当时的最新JavaScript技术和特效应用。 手册可能涵盖以下几个关键知识点: 1. **基础语法**:JavaScript的基础...