为输入框添加字数提示

计算字符串长度,中文1,其他0.5:

1 var getByteLen=function(str) {
2     if (str == null) return 0;
3     if (typeof str != "string") {
4         str += "";
5     }
6     var count_hanzi = str.replace(/[^\x00-\xff]/g, "01").length - str.length;
7     var count_feihanzi = str.length - count_hanzi;
8     return parseInt(count_feihanzi / 2) + count_hanzi;
9 }

设置字数提示:

 1     $.fn.TextBoxInputLengthPrompt = function (maxLength) {
 2         var obj = $(this);
 3         var width_obj = parseInt(obj.width());
 4         var height_obj = parseInt(obj.height());
 5         var top_obj = parseInt(obj.offset().top);
 6         var left_obj = parseInt(obj.offset().left);
 7         var length_curr =getByteLen(obj.val());
 8         var length_maxLength = maxLength;
 9         var div = $(‘<div></div>‘);
10         obj.parent().append(div);
11         div.css({
12             ‘width‘: ‘180px‘,
13             ‘height‘: ‘20px‘
14         });
15         div.text(‘字数:‘ + length_curr + ‘/‘ + length_maxLength);
16         obj.keyup(function () {
17             length_curr = getByteLen(obj.val());
18             div.text(‘字数:‘ + length_curr + ‘/‘ + length_maxLength);
19         })
20         return obj;
21     }

调用:

1 $(selector).TextBoxInputLengthPrompt(count);
时间: 2024-07-30 16:28:59

为输入框添加字数提示的相关文章

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(docum

MFC中添加ToolTip提示框

PART 1 MFC 对话框中的 Buttton添加提示 例如我们想在一个对话框中的一个button控件添加tooltip,实现的方法如下: 1. 在该对话框的类中添加一个CToolTipCtrl类型成员,并在适当的地方将其初始化如下: m_ToolTipCtrl.Create(this); m_ToolTipCtrl.AddTool(GetDlgItem(IDC_BUTTON1), _T("This is ToolTip")); m_ToolTipCtrl.SetMaxTipWidt

Intellij 下添加ExtJS提示支持

前言: 虽然Interlij IDEA比起Eclipse对待EXT更为支持,但自己上手后总不能达到Intellij 开发ExtJS 应用指南(http://blog.csdn.net/s464036801/article/details/8331692)中的效果.百度好不容易找到Intellij 下添加ExtJS提示支持一文(http://blog.csdn.net/s464036801/article/details/8331743),此文讲到了一些重要的配置,经过笔者测试,最后虽然不能达到I

textarea 输入框限制字数

在textarea标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10.IE11则支持,估计后续的版本应该都会支持. 现在来说下怎么让大部分IE版本都支持textarea 标签限制字数. 第一种方法: <textarea id="taContent" rows="3"  maxlength="20" onchange="this.value=this.va

Arc Engine 中添加气泡提示框

一.在ArcMap中的定位操作 已知若干点的经纬度坐标,要求在地图中进行定位: 1.通过Tool >Add X Y data 定位点,注意选择地理坐标系下的wgs 1984坐标系: 2.定位后的点不能执行查询.分析等操作,需要重新export data: 3.导出的数据最好转换成投影坐标,以便于计算.可首先把已知投影坐标的图层加载到地图中,然后加入第二步产生的点图层,然后将点图层export data,注意坐标系统选择“the data frame” 二.在ArcObject开发时定位的代码示例

ios中实现对UItextField,UITextView等输入框的字数限制

本文转载至 http://blog.sina.com.cn/s/blog_9bf272cf01013lsd.html 2011-10-05 16:48 533人阅读 评论(0) 收藏 举报 1.     如何实现对UITextField ,UITextView等输入框的 字数限制 (1)首先,肯定要 让controller 实现 UITextFieldDelegate (针对UITextField)或者  UITextViewDelegate(针对UITextView) 然后,将 输入框的del

为Input输入框添加圆角并去除阴影 去除获得焦点时方角样式

目录 1.为Input输入框添加圆角并去除阴影 2.去除获得焦点时方角样式 内容 1.为Input输入框添加圆角并去除阴影 1.1 border-radius不同浏览器下兼容设置: .boder-radius{ -webkit-border-radius:6px;//适配以webkit为核心的浏览器(chrome.safari等) -moz-border-radius:6px;//适配firefox浏览器 -ms-border-radius:6px;//适配IE浏览器 -o-border-rad

LiteIDE 在 Windows 下为 Go 语言添加智能提示代码补全

本文以 Windows 7 64 位为环境,go1.4.2.windows-amd64 和 liteidex27.2.1.windows-qt5 为例. 成功搭建开发环境后,发现 LiteIDE 没有代码智能提示,这极为不方便啊~ 在 Github nfs/gocode 下载 gocode 源代码,重新编译成 exe 文件,覆盖 LiteIDE 的就行. 1,将下载的 gocode-master 解压,我放在了 C:\ 根目录下. 解压后内容如图 1 所示: 图 1 nfs/gocode 内容

iOS 控制输入框的字数?(textFliedView,textFlied等)

//控制输入框的字数 - (void)textViewDidChange:(UITextView *)textView { NSInteger number = [textView.text length]; if (number > 300) { textView.text = [textView.text substringToIndex:300]; number = 300; } _evalutionLimitNumberLabel.text=[NSString stringWithFor