Javascript將string類型轉(zhuǎn)換int類型
更新時(shí)間：2010年12月09日 18:58:44 作者：
今天網(wǎng)站有個(gè)小功能要判斷用戶購(gòu)買商品數(shù)量是否大于庫(kù)存數(shù)據(jù)，如果大于庫(kù)存數(shù)量，就給予提示。
郁悶的事來(lái)了，先看前臺(tái)HTML：
購(gòu)買數(shù)量： <input id="txtNum" type="text" value="1" runat="server" onchange="javascript:checkNum();" />
件（庫(kù)存<span id="getGoodsNum"> <%=GOODSNUM%></span>）件
用JS取值，注意看JS代碼：
var num = document.getElementById("txtNum").value;
var goodsnum = document.getElementById("getGoodsNum").innerHTML;
大家會(huì)發(fā)現(xiàn)txtNum和getGoodsNum 取值方法不一樣。
txtNum使用的是.value，getGoodsNum使用的是.innerHTML。
因?yàn)間etGoodsNum 是使用的span標(biāo)簽，txtNum是文本框。
span、table、div沒(méi)有value, 所以使用innerHTML取值。
txtNum屬于文本框，還有l(wèi)able，下拉框 都是有值的(value)。
現(xiàn)在大家明白了吧。
現(xiàn)在來(lái)說(shuō)說(shuō)兩個(gè)數(shù)對(duì)比。大家肯定想，現(xiàn)在這兩個(gè)數(shù)取到了。
請(qǐng)看JS代碼：
if (num > goodsnum) {
alert("購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！");
return false;
}
這樣看應(yīng)該沒(méi)有問(wèn)題，兩個(gè)數(shù)對(duì)比，然后我輸數(shù)據(jù)，對(duì)比啊。num輸100，goodsnum是90，驗(yàn)證，正常。然后num輸90，goodsnum輸100。驗(yàn)證，出問(wèn)題了，提示《購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！》。這是怎么回事啊。然后用alert把兩參數(shù)輸出，沒(méi)錯(cuò)啊，然后想啊。對(duì)了，這兩個(gè)數(shù)是string類型的嗎。怎么忘記了，大腦短路了。轉(zhuǎn)換下吧。
現(xiàn)在提供兩種方法，One:
if ((num / 1) > (goodsnum / 1)) {
alert("購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！");
return false;
}
這樣除去1就OK了，驗(yàn)證難過(guò)。
Two:
if (parseInt(num) > parseInt(goodsnum)) {
alert("購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！");
return false;
}
驗(yàn)證OK，通過(guò)，解決了。
作者：Mr S.R Lee
出處：http://www.cnblogs.com/LeeYongze
復(fù)制代碼 代碼如下:
購(gòu)買數(shù)量： <input id="txtNum" type="text" value="1" runat="server" onchange="javascript:checkNum();" />
件（庫(kù)存<span id="getGoodsNum"> <%=GOODSNUM%></span>）件
用JS取值，注意看JS代碼：
復(fù)制代碼 代碼如下:
var num = document.getElementById("txtNum").value;
var goodsnum = document.getElementById("getGoodsNum").innerHTML;
大家會(huì)發(fā)現(xiàn)txtNum和getGoodsNum 取值方法不一樣。
txtNum使用的是.value，getGoodsNum使用的是.innerHTML。
因?yàn)間etGoodsNum 是使用的span標(biāo)簽，txtNum是文本框。
span、table、div沒(méi)有value, 所以使用innerHTML取值。
txtNum屬于文本框，還有l(wèi)able，下拉框 都是有值的(value)。
現(xiàn)在大家明白了吧。
現(xiàn)在來(lái)說(shuō)說(shuō)兩個(gè)數(shù)對(duì)比。大家肯定想，現(xiàn)在這兩個(gè)數(shù)取到了。
請(qǐng)看JS代碼：
復(fù)制代碼 代碼如下:
if (num > goodsnum) {
alert("購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！");
return false;
}
這樣看應(yīng)該沒(méi)有問(wèn)題，兩個(gè)數(shù)對(duì)比，然后我輸數(shù)據(jù)，對(duì)比啊。num輸100，goodsnum是90，驗(yàn)證，正常。然后num輸90，goodsnum輸100。驗(yàn)證，出問(wèn)題了，提示《購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！》。這是怎么回事啊。然后用alert把兩參數(shù)輸出，沒(méi)錯(cuò)啊，然后想啊。對(duì)了，這兩個(gè)數(shù)是string類型的嗎。怎么忘記了，大腦短路了。轉(zhuǎn)換下吧。
現(xiàn)在提供兩種方法，One:
復(fù)制代碼 代碼如下:
if ((num / 1) > (goodsnum / 1)) {
alert("購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！");
return false;
}
這樣除去1就OK了，驗(yàn)證難過(guò)。
Two:
復(fù)制代碼 代碼如下:
if (parseInt(num) > parseInt(goodsnum)) {
alert("購(gòu)物數(shù)量不能大于庫(kù)存數(shù)量！");
return false;
}
驗(yàn)證OK，通過(guò)，解決了。
作者：Mr S.R Lee
出處：http://www.cnblogs.com/LeeYongze
相關(guān)文章
這篇文章主要介紹了JavaScript中setter和getter方法介紹的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
Bootstrap，來(lái)自 Twitter，是目前最受歡迎的前端框架。本文給大家介紹Bootstrap表單與圖片的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了從零搭一個(gè)自用的前端腳手架的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
超實(shí)用的全新JavaScript事件Scrollend實(shí)例詳解
這篇文章主要為大家介紹了超實(shí)用的全新JavaScript事件Scrollend實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
為了實(shí)現(xiàn)斷點(diǎn)續(xù)傳,研究了js的文件分片,下面這篇文章主要給大家介紹了關(guān)于js分片下載超出2G的大文件的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
js 只能輸入數(shù)字和小數(shù)點(diǎn)的文本框改進(jìn)版
以前的版本不能輸入退格鍵等功能。2009-04-04
如何快速高效創(chuàng)建JavaScript 一維數(shù)組方法詳解
這篇文章主要為大家介紹了如何快速高效創(chuàng)建JavaScript 一維數(shù)組方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
下面小編就為大家?guī)?lái)一篇JS獲取IMG圖片高寬的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
閉包機(jī)制是JavaScript的重點(diǎn)和難點(diǎn)，本文希望能幫助大家輕松的學(xué)習(xí)閉包。下面跟著小編一起來(lái)看下吧2017-03-03
uniapp實(shí)現(xiàn)全局設(shè)置字體大小(小中大的字體切換)
隨著UniApp的流行,越來(lái)越多的開(kāi)發(fā)者選擇使用它來(lái)構(gòu)建跨平臺(tái)應(yīng)用程序,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)全局設(shè)置字體大小(小中大的字體切換)的相關(guān)資料,需要的朋友可以參考下2023-06-06