Javascript将string类型转换int类型


Posted in Javascript onDecember 09, 2010

郁闷的事来了,先看前台HTML:

购买数量: <input id="txtNum" type="text" value="1" runat="server" onchange="javascript:checkNum();" /> 
件(库存<span id="getGoodsNum"> <%=GOODSNUM%></span>)件

用JS取值,注意看JS代码:
var num = document.getElementById("txtNum").value; 
var goodsnum = document.getElementById("getGoodsNum").innerHTML;

大家会发现txtNum和getGoodsNum 取值方法不一样。
txtNum使用的是.value,getGoodsNum使用的是.innerHTML。
因为getGoodsNum 是使用的span标签,txtNum是文本框。
span、table、div没有value, 所以使用innerHTML取值。
txtNum属于文本框,还有lable,下拉框 都是有值的(value)。
现在大家明白了吧。
现在来说说两个数对比。大家肯定想,现在这两个数取到了。
请看JS代码:
if (num > goodsnum) { 
alert("购物数量不能大于库存数量!"); 
return false; 
}

这样看应该没有问题,两个数对比,然后我输数据,对比啊。num输100,goodsnum是90,验证,正常。然后num输90,goodsnum输100。验证,出问题了,提示《购物数量不能大于库存数量!》。这是怎么回事啊。然后用alert把两参数输出,没错啊,然后想啊。对了,这两个数是string类型的吗。怎么忘记了,大脑短路了。转换下吧。
现在提供两种方法,One:
if ((num / 1) > (goodsnum / 1)) { 
alert("购物数量不能大于库存数量!"); 
return false; 
}

这样除去1就OK了,验证难过。
Two:
if (parseInt(num) > parseInt(goodsnum)) { 
alert("购物数量不能大于库存数量!"); 
return false; 
}

验证OK,通过,解决了。
作者:Mr S.R Lee
出处:http://www.cnblogs.com/LeeYongze
Javascript 相关文章推荐
浅析Prototype的模板类 Template
Dec 07 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
JQuery PHP图片在线裁剪实例
Jul 27 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
Vue表单验证插件的制作过程
Apr 01 Javascript
angular4实现tab栏切换的方法示例
Oct 21 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 Javascript
谈谈JavaScript中的函数
Sep 08 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
IE6下CSS图片缓存问题解决方法
Dec 09 #Javascript
web前端开发也需要日志
Dec 09 #Javascript
JS拖动技术 关于setCapture使用
Dec 09 #Javascript
一起来写段JS drag拖动代码
Dec 09 #Javascript
教您去掉ie网页加载进度条的方法
Dec 09 #Javascript
javascript 折半查找字符在数组中的位置(有序列表)
Dec 09 #Javascript
基于jQuery的一个扩展form序列化到json对象
Dec 09 #Javascript
You might like
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
jquery实现弹出层遮罩效果的简单实例
2014/03/03 Javascript
使用jquery动态加载Js文件和Css文件
2015/10/24 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
vue实现购物车小案例
2019/09/27 Javascript
Vue解析带html标签的字符串为dom的实例
2019/11/13 Javascript
在Django的通用视图中处理Context的方法
2015/07/21 Python
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
python通过链接抓取网站详解
2019/11/20 Python
Python中bisect的使用方法
2019/12/31 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
JupyterNotebook 输出窗口的显示效果调整方法
2020/04/13 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
css3实现简单的白云飘动背景特效
2020/10/28 HTML / CSS
自动化专业个人求职信范文
2013/11/29 职场文书
在职员工证明书
2014/09/19 职场文书
英文道歉信
2015/01/20 职场文书
Java Spring读取和存储详细操作
2022/08/05 Java/Android