jquery扩展实现input框字符长度限制中文2个字符,英文1个字符

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="jquery-3.2.1.min.js"></script>    <script>

$(function () {            $(‘input[type="text"]‘).on(‘input‘, function (e) {                var $that =  $(this);                var  limitLen = $that .attr("maxcodelength")                      //定义所需字节数                $that.attr(‘maxlength‘,limitLen);                setTimeout(function(){                    var value =  $that.val(),                        reg = /[\u4e00-\u9fa5]{1}/g,             //中文                        notReg = /\w{1}/g;                      //非中文                    var resultCn = value.match(reg);                    var resultEn = value.match(notReg);                    if(resultCn){                        limitLen = limitLen - (resultCn.length*2);                    }                    if(resultEn){

limitLen = limitLen - resultEn.length;                    }                    if(limitLen<=0){                        var finalLen = value.length+limitLen;                        value = value.substring(0,finalLen);                        $that.attr(‘maxlength‘,limitLen);                        $that[0].value = value;                    }                },0);

});        });    </script></head><body>请输入:<input type="text"  maxcodelength="10"><input type="text"  maxcodelength="5"></body></html>
时间: 2024-08-07 20:10:13

jquery扩展实现input框字符长度限制中文2个字符,英文1个字符的相关文章

jQuery实现限制input框 textarea文本框输入字符数量的方法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery实现限制input框 textarea文本框输入字符数量的方法</title> </head> <script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script>&l

jquery回车键获取input框焦点

//document.onkeyup=function(){alert(event.keyCode)}//使用js获取按下的键值 $(document).keydown(function(e){//使用jquery获取按下的键值 alert(e.keyCode); }) //按下tab键获取input焦点 $("input[name=pwd]").keydown(function(e){//input[name=pwd]当前所在焦点 if (e.keyCode == "9&q

截取中文字符长度(中文、字母都有效)

以下给大家分享下:"中文字符长度,和截取中文字符(字母汉字通用)" 样例:先算出字符的长度,在截取显示,日过字符长度超过6就用...取代 echo '<meta http-equiv="content-type" content="text/html;charset=utf-8"/>'; $CustomizedInfo = '美日汇购物返利网http://www.hnzyxok.com/'; if(mb_strlen($Customi

获取字符长度,中文2个字符,英文数字一个字符

转自testcs_dn(微wx笑) 博客 原文网址:http://blog.csdn.net/testcs_dn/article/details/21412303#comments 方法一: function strlen(str){ var len = 0; for (var i=0; i<str.length; i++) { var c = str.charCodeAt(i); //单字节加1 if ((c >= 0x0001 && c <= 0x007e) || (

jquery限制div字符长度,超出部分已“…”显示

1 $(".content").each(function(){ 2 if($(this).text().length>100){ 3 $(this).text($(this).text().substring(0,100)); 4 $(this).html($(this).html()+'...'); 5 } 6 }) jquery限制div字符长度,超出部分已"-"显示

web前端【第十三篇】jQuery扩展和事件

一.jQuery事件 常用事件 blur([[data],fn]) 失去焦点 focus([[data],fn]) 获取焦点( 搜索框例子) change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子) click([[data],fn]) 点击 dblclick([[data],fn]) 双击 scroll([[data],fn]) 滚动 submit([[data],fn]) 提交 不常用事件 error([[data],fn])

全端之jQuery扩展和事件

一.jQuery事件 常用事件 blur([[data],fn])   失去焦点 focus([[data],fn])  获取焦点( 搜索框例子) change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子) click([[data],fn])  点击 dblclick([[data],fn]) 双击 scroll([[data],fn])   滚动 submit([[data],fn])   提交 不常用事件 error([[da

jQuery之jQuery扩展和事件

jQuery之jQuery扩展和事件 一.jQuery事件 常用事件 blur([[data],fn]) 失去焦点 focus([[data],fn]) 获取焦点( 搜索框例子) change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子) click([[data],fn]) 点击 dblclick([[data],fn]) 双击 scroll([[data],fn]) 滚动 submit([[data],fn]) 提交 不常用事件

一个jQuery扩展工具包

带有详尽注释的源代码: var jQuery = jQuery || {}; // TODO // ###################################string操作相关函数################################### jQuery.string = jQuery.string || {}; /** * 对目标字符串进行html解码 * * @name jQuery.string.decodeHTML * @function * @grammar j