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

$("#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. Windows Driver Frameworks

    MSDN原文:https://msdn.microsoft.com/zh-cn/library/windows/hardware/ff557565(v=vs.85).aspx

  2. 为不同版本的 Windows 编写驱动程序

    MSDN原文:https://msdn.microsoft.com/zh-cn/library/windows/hardware/ff554887(v=vs.85).aspx 创建驱动程序项目时,指定 ...

  3. linux socket编程实例

    /* ============================================================================ Name : client.c Auth ...

  4. javascript面向对象之一

    问题:怎么动态设置和读取一个对象的属性?   <script type="text/javascript"> function User(property){ for( ...

  5. PSP(11.24~11.30)

    27号 类别c 内容c 开始时间s 结束e 中断I 净时间T 作业 构建执法.写博客 14:00 14:40 0m 40m 28号 类别c 内容c 开始时间s 结束e 中断I 净时间T java 编码 ...

  6. CentOS 7安装Sublime text3

    最近使用centos7,发现桌面有了大的改善,完全能够使用桌面进行开发.现在进行sublime text3的安装. 官网下载只有windows,ios,ubuntu这几个类型,我们选择ubuntu64 ...

  7. 黑马程序员_ Objective-c 内存管理笔记

    引用计数器 当一个对象被创建出来,就要分配给内存这个对象,当不用这个对象的时候,就要及时的回收,为了可以明确知道对象有没有被使用,就要用引用计数器来体现,只要计数器不为0,表明对象被使用中. 1.方法 ...

  8. spring mvc使用@InitBinder 标签对表单数据绑定

    在SpringMVC中,bean中定义了Date,double等类型,如果没有做任何处理的话,日期以及double都无法绑定. 解决的办法就是使用spring mvc提供的@InitBinder标签 ...

  9. delphi.数据结构.链表

    链表作为一种基础的数据结构,用途甚广,估计大家都用过.链表有几种,常用的是:单链表及双链表,还有N链表,本文着重单/双链表,至于N链表...不经常用,没法说出一二三来. 在D里面,可能会用Contnr ...

  10. XML Schema命名空间解析

    URI Web中汇集了各种资源.资源可以是具有标识的任何事物, 如文档. 文件. 菜单项. 计算机. 服务等, 甚至可以包括人. 组织和概念[BernersLee 1998].在Web体系结构中, ...