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 相关文章推荐
Mootools 1.2教程 输入过滤第一部分(数字)
Sep 15 Javascript
33种Javascript 表格排序控件收集
Dec 03 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
Aug 05 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
jquery序列化表单去除指定元素示例代码
Apr 10 Javascript
director.js实现前端路由使用实例
Feb 03 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
Apr 11 Javascript
纯js+css实现在线时钟
Aug 18 Javascript
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 设置MySQL连接字符集的方法
2011/01/02 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
浏览器解析js生成的html出现样式问题的解决方法
2012/04/16 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
2018/04/18 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
Python运行的17个时新手常见错误小结
2012/08/07 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
python实现多层感知器MLP(基于双月数据集)
2019/01/18 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
美国球鞋寄卖网站:Stadium Goods
2018/05/09 全球购物
农村党支部先进事迹
2014/01/14 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
教师自荐信范文
2015/03/06 职场文书
学生检讨书怎么写
2015/05/07 职场文书
JavaScript中isPrototypeOf函数
2021/11/07 Javascript
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技