Javascript将string类型转换int类型

 更新时间:2010年12月09日 18:58:44   作者:  
今天网站有个小功能要判断用户购买商品数量是否大于库存数据,如果大于库存数量,就给予提示。
郁闷的事来了,先看前台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中setter和getter方法介绍

    JavaScript中setter和getter方法介绍

    这篇文章主要介绍了JavaScript中setter和getter方法介绍的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • 第四章之BootStrap表单与图片

    第四章之BootStrap表单与图片

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。本文给大家介绍Bootstrap表单与图片的相关资料,需要的朋友可以参考下
    2016-04-04
  • 从零搭一个自用的前端脚手架的方法步骤

    从零搭一个自用的前端脚手架的方法步骤

    这篇文章主要介绍了从零搭一个自用的前端脚手架的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 超实用的全新JavaScript事件Scrollend实例详解

    超实用的全新JavaScript事件Scrollend实例详解

    这篇文章主要为大家介绍了超实用的全新JavaScript事件Scrollend实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • js分片下载超出2G的大文件代码实例

    js分片下载超出2G的大文件代码实例

    为了实现断点续传,研究了js的文件分片,下面这篇文章主要给大家介绍了关于js分片下载超出2G的大文件的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • js 只能输入数字和小数点的文本框改进版

    js 只能输入数字和小数点的文本框改进版

    以前的版本不能输入退格键等功能。
    2009-04-04
  • 如何快速高效创建JavaScript 一维数组方法详解

    如何快速高效创建JavaScript 一维数组方法详解

    这篇文章主要为大家介绍了如何快速高效创建JavaScript 一维数组方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • JS获取IMG图片高宽的简单实例

    JS获取IMG图片高宽的简单实例

    下面小编就为大家带来一篇JS获取IMG图片高宽的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 轻松理解JavaScript闭包

    轻松理解JavaScript闭包

    闭包机制是JavaScript的重点和难点,本文希望能帮助大家轻松的学习闭包。下面跟着小编一起来看下吧
    2017-03-03
  • uniapp实现全局设置字体大小(小中大的字体切换)

    uniapp实现全局设置字体大小(小中大的字体切换)

    随着UniApp的流行,越来越多的开发者选择使用它来构建跨平台应用程序,下面这篇文章主要给大家介绍了关于uniapp实现全局设置字体大小(小中大的字体切换)的相关资料,需要的朋友可以参考下
    2023-06-06

最新评论