JS控制输入框内字符串长度_javascript技巧

复制代码 代码如下:

// 获取字符串的字节长度
function len(s) {
s = String(s);
return s.length + (s.match(/[^\x00-\xff]/g) || "").length;// 加上匹配到的全角字符长度
}

function limit(obj, limit) {
var val = obj.value;
if (len(val) > limit) {
val=val.substring(0,limit);
while (len(val) > limit){
val = val.substring(0, val.length - 1);
};
obj.value = val;
}
}

$("#nickName").keyup(function(){
limit(this,20);//20字节内
})

时间: 2025-01-30 15:40:19

JS控制输入框内字符串长度_javascript技巧的相关文章

js如何判断输入字符串长度_javascript技巧

js判断输入字符串长度(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码: <html> <head> <title>js判断输入字符串长度(汉字算两个字符,字母数字算一个)</title> <style type="text/css"> .pbt { margin-bottom: 10px; } .ie6 .pbt .ftid a, .ie7 .p

js控制TR的显示隐藏_javascript技巧

下文分享的一段代码:选择是的按钮就显示身高和体重的文本框的代码.注意:ready方法必须要引用jquery的库. 1.html Code <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css&

正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度_javascript技巧

判断是否存在中文和全角字符 str.match(/[^\x00-\xff]/ig) 判断包含中文字符串长度 aMatch=str.match(/[^\x00-\x80]/g); str.length+(!aMatch?0:aMatch.length) javascript 判断中文字符长度 一种: 复制代码 代码如下: function _length(str){ var len=0; for(var i=0;i<str.length;i++){ if(str.charAt(i)>'~'){l

Js控制滑轮左右滑动实例_javascript技巧

今天弄了一个东西,页面本来是横向,所以底部有横向滚动条,竖着就没有滚动条了,现在要求是鼠标滑轮要左右滚动,这就需要写js代码来实现了,写这个的过程中遇到很大麻烦 ie 火狐 chrome 三个浏览器支持的函数完全不一样,真是疯啦. 这里有几个知识点说明一下 监控滑轮的事件 ie:onmousewheel firfox:DOMMouseScroll chrome:mousewheel 哎真是无语 滚动的返回值也是不一样的 firfox用detail 返回 +-3 其他的用wheelDelta 返回

JS控制TreeView的结点选择_javascript技巧

网上有很多控制TreeView的checkbox选中,但是自己尝试的时候,要么报错,要么不可行.以下这种写法是经过验证有效的,仅作参考,思维比较巧妙! Tree: <asp:TreeView ID="treeViewDapartment" runat="server" SelectedNodeStyle-BackColor="GrayText" onclick="javascript:NodeCheck();" Font

Js 控制表单域代码_javascript技巧

123[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js验证为正整数 复制代码 代码如下: <script> var re = /^[1-9]d*$/; //智能验证单个字符 if (!re.test(document.getElementById('group_order').value)){ alert("组排序必须为数字!"); document.getElementById('group_order').focus(); return false; }

用JS控制回车事件的代码_javascript技巧

我们操作习惯也确实是喜欢用回车建来直接提交数据.经过对项目的一番检查,这其实是页面设计得不好,导致浏览器在加载时把退出登录按钮当成默认的按钮,所以一按回车就触这退出按钮事件.考虑到一个庞大的项目为了这个问题去改页面设计也不太现实,况且客户要求在有"保存"按钮时按回车按钮就触发"保存"按钮事件,有"下一步"按钮时就触发它的事件,有"提交"按钮时就触发相应的事件等等,如果一个个页面去改动那工作量可就大得惊人了.于是乎考虑用直接在模

js控制淡入淡出示例代码_javascript技巧

相对来说可以让初学者看一下,并不太实用,可能jquery4条语句就能解决,但是原生相对有参照性,了解最终原理才是关键. 复制代码 代码如下: <!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.o

js控制input输入字符解析_javascript技巧

ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9" > 只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> 屏蔽输入法<input style="ime