jquery教程限制文本框只能输入数字和小数点示例分享
$(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设置输入法不可用
});
然后给需要验证的文本框加上class名就可以了,类似如下:
代码如下:
<input type="text" class="txt NumText" Width="100px" runat="server" />
相关推荐
-
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
•可限制最大输入字符长度 •可设置字符截取速度 •可自定义提示信息文本样式(可以改进自定义文本内容) 该插件统计英文字符和中文的长度是一样的. 废话少说,这里直接奉上详细插件代码,具体实现细节已经在代码里面有注释: 复制代码 代码如下: ; (function ($) { $.fn.extend({ textAreaCount: function (options) { var $textArea = this; options = $.extend({ maxlength: 140, // 定
-
文本框的字数限制功能jquery插件
后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery plugin,简单好用效果如下图 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999
-
jQuery实现限制textarea文本框输入字符数量的方法
本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法.分享给大家供大家参考.具体实现方法如下: (function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }); function setCount(src, elem) { var chars = src.value.lengt
-
3种Jquery限制文本框只能输入数字字母的方法
onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法 number.js 复制代码 代码如下: // ---------------------------------------------------------------------- // <summary> // 限制只能输入数字 // </summary> // ---------------------------------------------------------
-
jQuery计算文本框字数及限制文本框字数的方法
一个中文算两个,一个符号或数字,英文,算一个.(如果是规定140个字,乘以2,那么就是280个).需要用到Math.ceil方法,因为最后还是要除以2来还原显示给用户的字数; $(function(){ var $tex = $(".tex"); var $but = $(".but"); var ie = jQuery.support.htmlSerialize; var str = 0; var abcnum = 0; var maxNum = 280; var
-
jQuery使用正则表达式限制文本框只能输入数字
网站中的一个小功能:要求用户只能输入16位数字. 试过javascript的方法: 如:一种方法: //只允许输入数字 function checkkey2(value, e) { var key = window.event ? e.keyCode : e.which; if ((key > 95 && key < 106) || (key > 47 && key < 60)) { } else if (key != 8) { if (window
-
jQuery实现限制文本框的输入长度
jQuery限制文本框输入,包含粘贴. //限制文本框的输入长度 $(function () { $(document).on("keypress", ".txt-valid-len", function (e) { if (e.keyCode == 8) { return true; } else { var len = $(this).data("maxlength") || 0; if (len > 0) { return (this
-
jquery教程限制文本框只能输入数字和小数点示例分享
复制代码 代码如下: $(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function(){ //CTR+V事
-
js限制文本框只能输入数字方法小结
有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数 复制代码 代码如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.valu
-
jQuery控制文本框只能输入数字和字母及使用方法
在公司开发WinForm项目时,发现公司自主研发的textbox控件非常强大,可以实现"只能输入数字"."只能输入字母"和"只能输入数字和字母"的三种输入限制,这样就可以精确控制用户输入的内容范围,让"用户永远没有办法输入限定的内容范围之外的其他内容",也就是"用户即使想犯错误也没有机会",这种限制控件输入的方式给了我很大的启发,如果在web项目中也能做到这样的精确控制,那么就可以避免因为一些非法输入而造成
-
jquery限定文本框只能输入数字(整数和小数)
本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>我们</title> <script type="text/javascript" src="myte
-
jQuery+正则+文本框只能输入数字的实现方法
网站中的一个小功能:要求用户只能输入16位数字. 试过javascript的方法: 如:一种方法: //只允许输入数字 function checkkey2(value, e) { var key = window.event ? e.keyCode : e.which; if ((key > 95 && key < 106) || (key > 47 && key < 60)) { } else if (key != 8) { if (window
-
jquery限定文本框只能输入数字即整数和小数
复制代码 代码如下: $(function(){ //文本框只能输入数字(不包括小数),并屏蔽输入法和粘贴 $.fn.integer= function() { $(this).css("ime-mode", "disabled"); this.bind("keypress",function(e) { var code = (e.keyCode ? e.keyCode : e.which); //兼容火狐 IE if(!$.browser.ms
-
文本框只能输入数字的js代码(含小数点)
只能输入0-9多包括小数点 <html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js 只能输入数字和小数点</title> <script language="JavaScript" type="text/javascript">
-
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
onlyNumber.html 测试代码: <html> <head> <script language="JavaScript" > function onlyNumber(obj){ //得到第一个字符是否为负号 var t = obj.value.charAt(0); //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace(/[^\d\.]/g,''); //必须保证第一个为数字而不是. obj.va
-
文本框只能输入数字的实现方法(兼容IE火狐)
文本框只能输入数字的实现方法(兼容IE火狐) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht
-
js控制文本框只输入数字和小数点的方法
本文实例讲述了js控制文本框只输入数字和小数点的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function clearNoNum(obj) { obj.value = obj.value.replace(/[^\d.]/g, "");//清除"数字"和"."以外的字符 obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是. obj.
随机推荐
- 关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
- SQL查询语句通配符与ACCESS模糊查询like的解决方法
- JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
- AngularJS入门教程之Hello World!
- 详解Java豆瓣电影爬虫——小爬虫成长记(附源码)
- 《PHP边学边教》(02.Apache+PHP环境配置——下篇)
- CentOS系统中MySQL5.1升级至5.5.36
- js中各种类型的变量在if条件中是true还是false
- 用javascript对一个json数组深度赋值示例
- jquery ui对话框实例代码
- C#实现带阴历显示的日期代码
- Android 实现伸缩布局效果示例代码
- Android开发系列三之窗口的常用事件
- 最常用和最难用的Android控件ListView
- SQL SERVER 2000 9003错误的解决方法(只适用于SQL2000)
- spring AOP自定义注解方式实现日志管理的实例讲解
- Shell脚本编程30分钟入门(小结)
- 基于vue实现圆形菜单栏组件
- python 巧用正则寻找字符串中的特定字符的位置方法
- iOS 简约日历控件EBCalendarView的实现代码