www.6766.comjQuery计算文本框字数及限制文本框字数的方法_jquery_脚本之家

3.如果页面加载时输入框中有默认文本,那么要在页面加载时运行如下jQuery代码,方能正确显示:

二、功能分析

一、功能:

下面一段代码给大家介绍用jQuery实现限制输入字数的文本框。

一个中文算两个,一个符号或数字,英文,算一个。(如果是规定140个字,乘以2,那么就是280个)。需要用到Math.ceil方法,因为最后还是要除以2来还原显示给用户的字数;

标准浏览器用oninput,而IE则使用onpropertychange
,这两个事件的发生条件,是文本框的值发生改变。

还可以输入140个字
$.keyup{ if.length > 140){$.val.substring.text.val;

这里用到了模运算,因为是重复的动作,第一次有颜色,第二次没有颜色,这样重复的动作,就有闪动效果.

${ var $tex = $; var $but = $; var ie = jQuery.support.htmlSerialize; var str = 0; var abcnum = 0; var maxNum = 280; var texts= 0; var num = 0; var sets = null; $tex.val; //顶部的提示文字 $tex.focus{ if{ $.html("您还可以输入的字数140"); } }) $tex.blur{ if{ $.html //文本框字数计算和提示改变 if{ $tex[0].oninput = changeNum; }else{ $tex[0].onpropertychange = changeNum; } function changeNum(){ //汉字的个数 str = .replace.length; //非汉字的个数 abcnum = $tex.val().length-str; total = str*2+abcnum; if(str*2+abcnum"+texts+"").children().css; }else if{ $but.removeClass $but.addClass; texts =Math.ceil-maxNum)/2); $.html("您输入的字数超过了"+texts+"").children.css; } } //按钮点击 $but.click{ if{ sets = setInterval; $tex.addClass } function flash(){ num++; if{ clearInterval; } if{ $tex.addClass }else{ $tex.removeClass })

当超过规定的字数后,点击确定,会让输入框闪动

2.在

标签中加入如下代码:

一个中文算两个,一个符号或数字,英文,算一个。(如果是规定140个字,乘以2,那么就是280个)。需要用到Math.ceil方法,因为最后还是要除以2来还原显示给用户的字数;

1.导入外部.js文件:

因为肉眼要看到这二次有颜色和无颜色的效果,所以需要用到延时,setTimeout和setInterval.
这里用到的是setInterval,因为要重复动作。

用户边输入计算同时进行,告诉用户还剩余多少可输入的字数;

$.text.val ;

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图