星期四, 6月 12, 2008

jquery 限制輸入數字

今天有遇到一個問題..是處理textbox只能輸入數字型別..這個一般來說大家都會想到javascript onkeypress這事件然後寫程式來處理..可是這onkeypress在firefox有些問題..網路上也有一些javscript的方式以去補那個bug..可是心想..jquery一定也有解決方案..哈..網路上找了一下..整理一下解決方案..Open-mouthed..

<div>
<input type="text" name="quantity" id="quantity" />
</div>
</form>

<script type="text/javascript">
$('#quantity').keypress(function (e){
if((e.shiftKey && e.keyCode == 45) || e.which!=8 &&
e.which!=0 && (e.which<48 || e.which>57))
{
return false;
}
});
</script>

這樣就可以指定輸入只能數字了..^^..方便ㄅ..
不過還是有bug的..就是..用複製貼上..還是掛..後端還是要驗證阿..Wilted Rose..

如果爛惰的人..可以到這直接下在套件..人家用好的..
http://www.cnblogs.com/wzmaodong/archive/2008/02/27/1084207.html
上面有完整的教學..教你怎麼用..安心服用ㄅ..

這裡有jquery事件參數..參考一下ㄅ
http://docs.jquery.com/Types/Event

--2008/07/05補--
我找到更好的東西啦..屌..翻了..幾乎可以限制你想要的..XD..
http://plugins.jquery.com/project/aphanumeric

1 則留言:

子評 提到...
網誌管理員已經移除這則留言。