鬱悶的事來了,先看前台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