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沒有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)該沒有問(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ù)輸出，沒錯(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沒有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)該沒有問(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ù)輸出，沒錯(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)文章
今天通過(guò)一個(gè)案例給大家分享微信小程序連續(xù)簽到7天積分獲得功能，通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2020-08-08
當(dāng)input元素還未插入文檔流之前，是可以修改它的值的，在ie和ff下都沒問(wèn)題。但如果input已經(jīng)存在于頁(yè)面，其type屬性在ie下就成了只讀屬性了，不可以修改2013-10-10
我們?cè)陂_發(fā)的時(shí)候經(jīng)常會(huì)判斷一個(gè)null值,那么我們?cè)撊绾稳ヅ袛嗄?下面這篇文章主要給大家介紹了關(guān)于JavaScript中如何判斷一個(gè)值是否為Null的相關(guān)資料,需要的朋友可以參考下2023-12-12
js判斷登陸用戶名及密碼是否為空的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js判斷登陸用戶名及密碼是否為空的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
js實(shí)現(xiàn)點(diǎn)贊按鈕功能的實(shí)例代碼
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)贊按鈕功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的工作或?qū)W習(xí)具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-03-03
js跨域問(wèn)題淺析及解決方法優(yōu)缺點(diǎn)對(duì)比
所謂js跨域問(wèn)題，是指在一個(gè)域下的頁(yè)面中通過(guò)js訪問(wèn)另一個(gè)不同域下 的數(shù)據(jù)對(duì)象，出于安全性考 慮，幾乎所有瀏覽器都不允許這種跨域訪問(wèn)，這就導(dǎo)致在一些ajax應(yīng)用中，使用跨域的web service會(huì)成為一個(gè)問(wèn)題。 要解決跨域的問(wèn)題，就是本文我們需要探討的了2014-11-11
JS實(shí)現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼,涉及JavaScript基于定時(shí)函數(shù)動(dòng)態(tài)設(shè)置頁(yè)面元素樣式的技巧,具有FLASH變換效果,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)易封裝彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要為大家詳細(xì)介紹了js圖片上傳前預(yù)覽功能，兼容所有瀏覽器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
js實(shí)現(xiàn)向右橫向滑出的二級(jí)菜單效果
這篇文章主要介紹了js實(shí)現(xiàn)向右橫向滑出的二級(jí)菜單效果,涉及javascript鼠標(biāo)事件及頁(yè)面元素的隱藏與顯示實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08