DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery實現文本框只能輸入數字
jquery實現文本框只能輸入數字
編輯:JavaScript綜合知識     

如下是例子的部分代碼(2個方法都可以)
<script type="text/javascript">
$(document).ready(function() {
onlyNum("test");
}

//文本框只能輸入數字,不能輸入小數點和字母 by john
function onlyNum(id){
$("#"+id).keydown(function(event)
{ var keyCode = event.which;
if (keyCode == 46 || keyCode == 8 || keyCode == 37 || keyCode == 39 || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105) )
{ return true; }
else { return false } }
).focus(function()
{ this.style.imeMode = 'disabled'; }
);
}
//文本框只能輸入數字和小數點,不能輸入字母 by john
function pageOnlyNumber(evt){
evt = (evt) ? evt : window.event;
keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which :evt.charCode);
if((keyCode < 48 || keyCode > 57) && keyCode != 8 && keyCode != 46)
{
if(window.event){

window.event.returnValue = false;
}
else{
evt.preventDefault();
}
}
}
</script>
<input type="text" id="APPLY_FEE_RATE" name="APPLY_FEE_RATE" onkeypress="pageOnlyNumber(event)" maxlength="12" size="5" value='' class="validate[funcCall[checkFunction]]" />
<input type="text" name="test" id="test" value='' />

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved