当想要判断文本框中的值是否为自己想要的类型时,可以通过一些方法作出判断,这里对于光标离开文本框时判断文本框中输入的是否是数值类型,如果不是,做出提示

$("#WORKYEARS").blur(function () {//光标离开事件
var WORKYEARS = $.trim($("#WORKYEARS").val());//取出文本框的值
if (WORKYEARS != "") {
var isok = isNaN(WORKYEARS);//判断是否为数值类型 bool,false为数字类型,true为字符
if (isok == true) {
$("#WORKYEARS").val('');//清空文本框
alert("请输入整数类型!");
}
}
});

 限制文本框只允许输入数字和小数点的方法,此方法在按键点击事件中,当输入的不是数字或者小数点,在按键抬起后直接清空,并锁定输入法,不能输入其他

$(function(){
/*JQuery 限制文本框只能输入数字*/
$(".NumText").keyup(function(){
$(this).val($(this).val().replace(/D|^0/g,''));
}).bind("paste",function(){ //CTR+V事件处理
$(this).val($(this).val().replace(/D|^0/g,''));
}).css("ime-mode", "disabled"); //CSS设置输入法不可用 /*JQuery 限制文本框只能输入数字和小数点*/
$(".NumDecText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind("paste",function(){ //CTR+V事件处理
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).css("ime-mode", "disabled"); //CSS设置输入法不可用
});

文本框内只能输入数字和英文,并对其输入的值的大小和长度做限制

例:现在需要在文本框中输入成绩,成绩范围是0~100分(数字类型)和A\B\C\D\E\S这几种等级,其他的禁止输入,如下

//绩效分判断输入的值类型以及字符长度
$("#ARESULT").css("imeMode", "disabled"); //先将文本框输入法禁用,防止中文输入
$("#ARESULT").keyup(function () {
$(this).val($(this).val().toUpperCase());//将文本框里输入的值转换为大写,只针对于英文字 //此表达式限制输入范围是0~9的数字和所需要的英文字母,(如需全部英文字母,也可以写为a-zA-Z)输入时为了方便不限制大小写
$(this).val($(this).val().replace(/[^0-9abcdesABCDES]/g, ''));
        //获取文本框输入的值,根据不同类型做判断
var are = $("#ARESULT").val();
var isok = isNaN(are);//isNaN方法,返回bool值,false为数字,true为字符
if (isok == false) {
if (are > 100) {
$("#ARESULT").val('');
alert('分数不能大于100!');
//文本框设置了输入法禁用,防止输入中文字符,所以执行完弹窗后将光标返回此文本框,
//如果不将光标返回,禁用输入法设置就会失效
$("#ARESULT").focus();
}
}
else {
if (are.length > 1) {
$("#ARESULT").val('');
alert('等级不能超过一位字母!');
$("#ARESULT").focus(); }
}
});

Jquery / js 判断数据类型方法(限制文本框类型输入)的更多相关文章

  1. js判断数据类型方法

    //一般js中我们判断数据类型 都使用typeof 这里采用 Object.prototype.toString function type (val) { return Object.prototy ...

  2. ASP.NET jQuery 随笔 使用jQuery UI的Autocomplete方法实现文本框的自动搜索填充功能

    首先当然是去下载JQuery UI ,这里这里是下载地址http://jqueryui.com/ 第一步是点击这里 第二步选择你想要下载的主题进行下载 我这里是选择的cupertino主题包 点击圆圈 ...

  3. js限制文本框只能输入数字方法小结(转)

    这篇文章主要分享下js代码限制文本框中只能输入数字的多个实例,学习下js控制文本框中输入数字的方法,需要的朋友可以参考下   有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数 ...

  4. 写一个方法完成如下功能,判断从文本框textbox1输入的一个字符,如果是数字则求该数字的阶乘,如果是小写字条,则转换为大写,大写字符不变,结果在文本框textbox2中显示

    窗体设计: 代码: using System; using System.Collections.Generic; using System.ComponentModel; using System. ...

  5. js限制文本框只能输入数字方法小结

    有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数  代码如下: <input onkeyup="i ...

  6. JQuery限制文本框只能输入数字和小数点的方法

    <input type="text" class="txt NumText"  Width="100px"  /> $(func ...

  7. js限制文本框只能输入数字方法

    输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,' ...

  8. JQuery+AJAX实现搜索文本框的输入提示功能

    平时使用谷歌搜索的时候发现只要在文本框里输入部分单词或字母,下面马上会弹出一个相关信息的内容框可供选择.感觉这个功能有较好的用户体验,所以也想在自己的网站上加上这种输入提示框. 实现的原理其实很简单, ...

  9. js设置文本框只能输入数字

    JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'' ...

随机推荐

  1. Spark算上下基线

    def baseLine(sc: SparkContext): Unit = { println("--------------------baseLine start----------- ...

  2. 基于Material Design(转载)

    SeeNewsV2新闻Android客户端 基于Material Design http://www.codesocang.com/gn/xiangmu/33630.html 直接拿来用!十大Mate ...

  3. linux下搭建sock5代理

    VPN大家耳熟能详,但是socks用到的人比较少,那什么是socks呢?请看第二段或者百度百科,socks分别有4和5两个版本,现在5为主流.工作中经常用VPN访问国外,但是同时国内的速度又慢了,让人 ...

  4. javascript、ECMAScript、DOM、BOM关系

    ECMAScript,正式名称为 ECMA 262 和 ISO/IEC 16262,是宿主环境中脚本语言的国际 Web 标准. ECMAScript 规范定义了一种脚本语言实现应该包含的内容:但是,因 ...

  5. UI和3D场景同时都需要响应触摸事件

    比如战斗场景,UI和3D场景同时都需要响应触摸事件,如果同时响应可能就会出现触摸UI的时候影响到了3D部分.为了解决这个问题在判断3D响应之前要先判断手指是否点击在UI上. 以前NGUI的时候都是自己 ...

  6. Ubuntu Java Envrioment

    Download Java SDK and Install 1. Download Java SDK from Oracle websit 2.unzip by command line tar -z ...

  7. android 程序代码执行adb

    Runtime.getRuntime().exec("adb pull /dev/graphics/fb0 C:/fb1"); Runtime. getRuntime().exec ...

  8. gdb 调试

    一.gdb 调试-源代码关联 在调试程序的过程中,可以自由地查看相关的源代码(如果有源代码的话)是一项最基本的特性.gdb 当然也提供了这项特性,虽然不如IDE直观,但在一定程度上要比IDE更加灵活和 ...

  9. docker理念:不可变基础设施

    不可变基础设施 1.什么是Immutable Infrastructure Immutable Infrastructure,直译过来就是不可变基础设施. 它是由Chad Fowler于2013年提出 ...

  10. onethink连接操作 sqlite 数据库

    直接上干货:一个简单的demo onthink本身已经有sqlite数据库的驱动 不需要在下载 common下面的config文件: 'SQLITE'=> array( 'DB_TYPE' =& ...