js限制输入框可输入字节数代码

代码如下：（本来基于原型封装了一下，发现完全在增加代码量，又改回来了）

感谢sparks345提出粘贴时的问题
这样的话，只能多加几个事件onpropertychange,oninput, obj.watch("value",function(id,oval,nval){})
具体可以看这里，跟踪input值改变兼容处理

限制输入字节数

#div1 {width:500px;margin:20px auto;}
#div1 ul {list-style-type:decimal;line-height:25px;}

  • 可输入5个字节：
  • 可输入6个字节：
  • 可输入7个字节：
  • 可输入n个字节：

/*!
*author:sohighthesky
*Date:2010-1-16
*/
!function(){
var len=function(s){//获取字符串的字节长度
s=String(s);
return s.length+(s.match(/[^\x00-\xff]/g) ||"").length;//加上匹配到的全角字符长度
},
limitDo=function(limit){
var val=this.value;
if(len(val)>limit) {
//val=val.substr(0,limit);
while(len(val=val.substr(0,val.length-1))>limit);
this.value=val;
}
},$=function(id){return typeof(id)==='string'?document.getElementById(id):id;};

$("txt1").onkeyup=function(){limitDo.call(this,5)};
$("txt2").onkeyup=function(){limitDo.call(this,6)};
$("txt3").onkeyup=function(){limitDo.call(this,7)};
}();

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

出处：http://www.cnblogs.com/sohighthesky/

赞 (0)

相关推荐

  • js数字输入框(包括最大值最小值限制和四舍五入)

    由于原文已经介绍的很好了,现在只是一些翻译和小小的补充. 例子 复制代码 代码如下: <!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" > <

  • JS控制文本框textarea输入字数限制的方法

    复制代码 代码如下: <html>     <head>     <title>JS限制Textarea文本域字符个数</title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <SCRIPT LANGUAGE="JavaScript">     <!--

  • JS 对输入框进行限制(常用的都有)

    1.文本框只能输入数字代码(小数点也不能输入) 复制代码 代码如下: <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. 复制代码 代码如下: <input onkeyup="if(isNaN(value))execCommand('u

  • js限制文本框只能输入数字(正则表达式)

    好了,言归正传.话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的. 复制代码 代码如下: function chkPrice(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //必须保证第一位为数字而不是. obj.value = obj.value.replace(/^\./g,""); //保证只有出现一个.而没有多个. obj.value = obj.val

  • js限制文本框为整数和货币的函数代码

    限制为整数 <html> <head> <script language="javascript" type="text/javascript"> var G=document.getElementById; function checkNumber(){ var reg = /^(?:0|[1-9][0-9]?|100)$/; var strNumber = G("txtNumber").value; ale

  • 限制文本框输入N个字符的js代码

    所以要做的就是 1. 首先区分出来是两个字节的字符还是一个字节的字符: 2. 使用charCodeAt和String.fromCharCode即可进行相互转换. 代码如下: 复制代码 代码如下: function validatePostponeValue(obj, objLength) { var executeResult = false; var value = obj.value; var byteLen=0,len=value.length; var newValue = ""

  • js限制文本框输入长度两种限制方式(长度、字节数)

    功能/特点: 1.实时显示可输入的字数(字节数) 2.两种限制方式(长度.字节数) 3.中文输入法下可正常使用,无BUG 4.同一页面可以使用多个,相互不干扰 limit.js 复制代码 代码如下: function limit(){ var txtNote;//文本框 var txtLimit;//提示字数的input var limitCount;//限制的字数 var isbyte;//是否使用字节长度限制(1汉字=2字符) var txtlength;//到达限制时,字符串的长度 var

  • js限制输入框可输入字节数代码

    代码如下:(本来基于原型封装了一下,发现完全在增加代码量,又改回来了) 感谢sparks345提出粘贴时的问题 这样的话,只能多加几个事件onpropertychange,oninput, obj.watch("value",function(id,oval,nval){}) 具体可以看这里,跟踪input值改变兼容处理 限制输入字节数 #div1 {width:500px;margin:20px auto;} #div1 ul {list-style-type:decimal;lin

  • 利用JS如何计算字符串所占字节数示例代码

    前言 在工作中是不是经常会遇到字符串,但是要求控制字节数的需求?因为很多时候数据库中对字节数有控制,所以在前端过程中就需要判断一下,今天我们来分享一下. 本文主要给大家介绍了关于JS计算字符串所占字节数的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 示例代码 /** * 计算字符串所占的内存字节数,默认使用UTF-8的编码方式计算,也可制定为UTF-16 * UTF-8 是一种可变长度的 Unicode 编码格式,使用一至四个字节为每个字符编码 * * 000000

  • js限制输入框只能输入数字(onkeyup触发)

    例子:html代码 <input type="text" name="" id="box" /> 通常都直接用: <input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/> 以上的缺点是,当你正确输入的是一串数字后,想用光标移动到前面修改其中的

  • Vue.js数字输入框组件使用方法详解

    Vue.js数字输入框组件使用方法详解

    本文实例为大家分享了Vue.js数字输入框组件的具体实现代码,供大家参考,具体内容如下 效果 入口页 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

  • [js]用JAVASCRIPT正则表达式限制文本字节数的代码

    做项目时自己写一段js给大家.关于文本限制字数的问题,在实际开发中经常用到;主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题;只要将此下代码保存到一个js文件中并引入到校验的页面中,便可使用!同时希望大家给与大力支持和宝贵意见,本人会在今后闲余之际,发表更多的好文章,谢谢!! 以下是引用片段: /*    value: 值:    byteLength:数据库字节长度    title:字段中文名称    attribute:属性名称    使用方法说明: 添加 (1) onk

  • 限制文本字节数js代码

    做项目时自己写一段js给大家.关于文本限制字数的问题,在实际开发中经常用到:主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题:只要将此下代码保存到一个js文件中并引入到校验的页面中,便可使用!同时希望大家给与大力支持和宝贵意见,本人会在今后闲余之际,发表更多的好文章,谢谢!! /*  value: 值:  byteLength:数据库字节长度  title:字段中文名称  attribute:属性名称  使用方法说明: 添加 (1) onkeyup="limitLength(t

  • JS限制输入框输入的实现代码

    1.文本框只能输入数字代码(小数点也不能输入) 代码如下: <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. 代码如下: <input onkeyup="if(isNaN(value))execCommand('undo')"

  • textarea 控制输入字符字节数(示例代码)

    按字符数控制: 复制代码 代码如下: <textarea name="gbContent"  style="width: 500px; height: 200px;"             onkeyup="if(this.value.length>2000) this.value=this.value.substr(0,2000)"             onkeydown="if(this.value.length&

  • form中限制文本字节数js代码

    /*  value: 值:  byteLength:数据库字节长度  title:字段中文名称  attribute:属性名称  使用方法说明: 添加 (1) onkeyup="limitLength(this.value,100,'名称','name')"           (2)  id="name" 或[struts标签]styleId="name"  注意:id名称和 attribute属性名称要一样 例子:<textarea  

随机推荐