`
amcucn
  • 浏览: 293143 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

使用JavaScript比较用户输入的内容大小

阅读更多

工作中碰到这样一个问题:在页面上有一个输入框供用户输入,当用户输入了数字后需要对这个数字进行一下比较,刚开始并没有想到使用javascript进行两个数字比较时会出点小问题。

示例:

在页面上有一个输入框:

<input id="inputPageNumber" type="text" onkeypress="if(event.keyCode==13){changePage();return false;};"/>

 用户在输入框输入内容后按回车,即会调用一个changePage()方法,这个方法在最开始先要做一些检测如用户输入的内容是否是数字等,同时也要对用户输入的内容与某个数字进行比较

function changePage(){
        	var totalPages = 2000;   //基数,测试使用。用来做比较
     	//获取用户输入的内容
     	var inputNumber = document.getElementById("inputPageNumber").value;
       	//正则表达式
     	var isNumber = /\d/;
	var objExp=new RegExp(isNumber);
         	//验证用户输入的内容是否为数字
	if(objExp.test(inputNumber)==true){
             	//验证用户输入的数字是否大于基数,或者小于1
	 if(inputNumber > totalPages || inputNumber < 1 ) {
		alert("输入的页数不合法!");
		return false;
}

 

注意看红色部分if(inputNumber > totalPages || inputNumber < 1 )  在这里我刚开始是直接进行比较,后来发现如果用户输入的是以大于2开头的数字,则inputNumber > totalPages会为true,这样一来就达不到我想要的效果,经过上网搜索发现有很多人遇到同样的问题,当前也有很多的解决方案,最后我通过试验采用如下的方式即可以解决此问题,特此记下一笔

关键字代码:

var inputNumber = parseInt(inputNumber); //使用parseInt函数进行数字转换,有点像Java里的强转

经过强转后的数字就可以直接使用比较符合进行比较了。

同理如果是float类型数字,则可以使用parseFloat();函数进行转换。

 

 

 

 

2
1
分享到:
评论
1 楼 amcucn 2008-11-25  
为什么我发的文章都变形了!
格式要怎么写才好看啊!

相关推荐

    使用javaScript增强交互效果

    JavaScript可以对用户输入进行实时验证,提高数据质量。例如,验证邮箱格式: ```javascript function validateEmail(email) { var re = /\S+@\S+\.\S+/; return re.test(email); } var emailInput = document....

    使用JavaScript增强交互效果

    3. **表单验证**:JavaScript可以实时验证用户输入,提供即时反馈,避免用户提交无效数据。例如,我们可以通过正则表达式检查输入的邮箱格式,或者检查必填字段是否为空。 4. **动画效果**:JavaScript能够创建平滑...

    JavaScript最简单比较两个时间格式数据的大小.zip

    在JavaScript中,比较两个时间格式的数据大小是一项常见的任务,尤其在处理用户输入、事件调度或者数据分析时。这个压缩包文件“JavaScript最简单比较两个时间格式数据的大小”可能包含了一个或多个示例代码,用于...

    Growy一个类似Textarea的web组件当用户输入时自动扩展

    "Growy"是一个JavaScript开发的Web组件,专门设计用于提供类似于Textarea的输入控件,但具备一项独特的功能:它会在用户输入内容时自动扩展,以适应不断增加的文字量。这种智能扩展的能力为用户提供了无缝的输入体验...

    JavaScript上机实验题

    - 使用 `prompt` 函数接收用户输入,并更新页面上的年龄信息。 - 若用户点击“取消”,则提示相应信息。 2. **学生信息提交**: - 提交学生信息后,页面应显示输入的学生信息。 - 单击“复位”按钮,清空所有...

    纯javascript实现上传图片前图片预览,判断图片大小

    在本文中,我们将深入探讨如何使用纯JavaScript实现上传图片前的预览功能,并且检查图片的大小,确保兼容性覆盖到IE7至IE10、Firefox以及Chrome等主流浏览器。这个功能对于用户交互体验有着重要的作用,因为它允许...

    文本框根据输入内容自动调整大小

    使用它,我们可以让文本框随着用户输入的文字数量自动扩展或收缩。 以下是如何使用`autosize`的基本步骤: 1. 首先,确保你的项目中已经引入了`autosize.js`文件。如果是基于浏览器环境,可以通过在HTML中添加`...

    javascript表单美化和验证插件

    1. **完全响应式**:该插件设计为响应式的,意味着无论用户使用桌面电脑、平板还是移动设备,表单都能自动适应屏幕大小,保持布局整洁和功能完整。 2. **键盘操作支持**:为了增强用户交互,插件支持键盘导航,用户...

    javascript obfuscator

    3. **处理代码**:通过命令行接口或图形用户界面运行混淆工具,输入原始JavaScript文件。 4. **测试混淆代码**:确保混淆后的代码能正常工作,没有引入任何错误。 5. **部署混淆代码**:将混淆后的JavaScript文件...

    javascript编写的只有5K大小的射击游戏

    在游戏中,JavaScript可以用于处理游戏逻辑、动画效果、用户输入响应等多个方面,而无需依赖复杂的服务器端支持。 这款游戏的操作设计十分直观。使用键盘上的“J”键可以使主角向左移动,体现出游戏的二维空间运动...

    The JavaScript Anthology.pdf

    本章重点介绍了如何使用JavaScript来验证用户输入,确保数据的有效性和安全性,以及如何动态更新表单状态。 #### 7. 处理窗口和框架 这部分内容涵盖了如何使用JavaScript控制窗口行为,如弹出新窗口、调整大小和...

    JAVASCRIPT特效JAVASCRIPT特效JAVASCRIPT特效

    4. **图像和视频操作**:可以使用JavaScript改变图片的大小、位置、透明度,甚至进行更复杂的操作,如图片裁剪、旋转、滤镜效果。对于视频,可以控制播放、暂停、音量等。 5. **响应式设计**:JavaScript可以帮助...

    JavaScript基础知识总结

    - 数据验证:在表单提交前,JavaScript 可以对用户输入的数据进行验证,提高用户体验。 - 浏览器检测:通过 JavaScript,可以识别用户使用的浏览器类型,以便实现浏览器兼容性处理。 - Cookies:JavaScript 还...

    javascript经典特效---文件大小的详细计算.rar

    在JavaScript编程语言中,文件大小的计算是一项重要的任务,尤其在网页应用中,例如上传、下载功能,或者处理用户输入的数据。本资源“javascript经典特效---文件大小的详细计算.rar”可能包含一个详细讲解如何使用...

    javascript特效代码大全

    - **表单验证**:使用JavaScript对用户输入进行实时验证,提高数据准确性。 - **模态框**:在页面上弹出可关闭的信息框,用于提示或确认操作。 4. **图像处理** - **图片懒加载**:延迟加载非可视区域内的图片,...

    ASP中的JavaScript

    - **增强用户交互**:JavaScript可以用来验证用户输入,如表单验证,避免无效数据提交到服务器。 - **动态内容更新**:通过AJAX(Asynchronous JavaScript and XML),可以在不刷新整个页面的情况下更新部分内容。...

    纯JavaScript的简单模拟计算器

    这些函数接收两个参数(当前屏幕上的数值和用户输入的第二个数值),并返回计算结果。 - 考虑到连续操作,比如1+2*3,需要使用栈数据结构来处理操作符和操作数,遵循运算符优先级规则(先乘除后加减)。 5. **错误...

    JavaScript 第五章 JavaScript控制CSS

    通过JavaScript,我们可以在用户与网页交互时实时更新CSS属性,如颜色、大小、位置等,从而创建出动态和响应式的用户体验。 在JavaScript中,我们可以使用DOM(Document Object Model)来访问和修改HTML元素。DOM是...

    javaScript代码案例开发大全

    通过JavaScript,我们可以让下拉列表在用户选择时展现出更丰富的交互,比如动态加载更多选项,或者根据用户输入的关键词过滤显示相关项。 “键盘操作和状态栏特效”可能是指通过监听键盘事件实现的快捷操作,以及...

    javascript经典特效---猜数的大小.rar

    此外,还可以优化界面,如使用CSS样式提升用户体验,或者添加错误处理,确保用户输入的是有效的数字。 综上所述,“猜数的大小”游戏利用JavaScript实现了基本的用户交互和逻辑判断,是学习和掌握JavaScript编程的...

Global site tag (gtag.js) - Google Analytics