jquery限制文本框只能输入数字,jquery获取文本框输入焦点

发布时间:2020-02-11编辑:脚本学堂
分享二个jquery文本框操作的例子,包括了jquery限制文本框只能输入数字,jquery获取文本框输入焦点的方法示例,供大家学习参考。

一、jquery限制文本框只能输入数字

复制代码 代码示例:

<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='' />

二、jquery获取文本框输入焦点的方法
方法1、js方法获取文本框焦点
 

复制代码 代码示例:
function CheckForm() {
if(document.form1.trainingName.value==""){
alert("培训班名称不能为空!");
document.form1.trainingName.focus();
return false;
}
}
 

方法2、jquery获取文本框焦点。
 

复制代码 代码示例:
function CheckForm() {
var classLevel = $("#classLevel").val();
var re = /^[1-9][0-9]*$/;
if(!re.test(classLevel)&&classLevel.length>0){
alert("请输年级入大于零的整数!");
$("#classLevel").focus();
return false;
}
}