文档章节

输入框中的文本域字符数判断 中英文判断不同

功夫panda
 功夫panda
发布于 2012/02/17 13:47
字数 278
阅读 113
收藏 0
将中文视为一个字符,将英文视为半个字符,也就是两个英文字符按一个字符计算。
主要的思路是:

将一个中文字符转换成两个字符计算,一个英文字符按一个英文字符计算,具体代码:

var newvalue = obj.value.replace(/[^\x00-\xff]/g, “**”);  

 

然后在显示已经输入字符数中除以2,记住向上去整(parseInt方法),不然就出现0.5个字符了。

<!DOCTYPE html>  

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

<meta charset="utf-8" />  

<title>文本域字符数判断</title>  

</head>  

  

<body>  

<div id="tip" style=" color:#588905">你还能输入<em>140</em>个字</div>  

<textarea name="" cols="50" rows="10" id="textArea"></textarea><br />  

  <input type="submit" name="button" id="button" value="提交"  />  

<script type="text/javascript">  

    document.getElementById("textArea").focus();   

    var chackTextarea = function(obj,num,objTip){   

            setInterval(function(){   

                var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**");    

                if(newvalue.length>=0){   

                    if (newvalue.length > num) {   

                        objTip.innerHTML="已超出<em>" +parseInt((newvalue.length - num)/2) +"</em>个字!";   

                        objTip.style.color="#F00";   

                        document.getElementById("button").disabled="disabled";   

                    }else{   

                        objTip.innerHTML="你还能输入<em>" +parseInt((num-newvalue.length)/2) +"</em>个字!";   

                        objTip.style.color="#588905";   

                        document.getElementById("button").disabled="";   

                    }   

                }else{   

                        document.getElementById("button").disabled="disabled";   

                }   

            },100)   

           

    }   

    chackTextarea(document.getElementById("textArea"),280,document.getElementById("tip"));   

       

  

</script>  

</body>  

</html>  

© 著作权归作者所有

共有 人打赏支持
功夫panda
粉丝 20
博文 199
码字总数 30983
作品 0
昌平
程序员
私信 提问
判断不能输入特殊字符

1.我们新开页面如何返回到主页面 返回>> 2.我们在web窗体中如何判断用户在文本框中输入内容的长度,假如现在我们要设置一个文本框中输入的用户名可以使中文英文数字并且长度为50个字符,这里...

myy629464
2017/09/30
0
0
英文字符出现一连串时无法自动换行

比如输入框的textarea类型(文本域)中,还有其他的(一般都在table中比较多) 有些页面的输入框中输入一连串的英文字符(比如:测试数据,垃圾评论,恶意评论等等),默认输入框的不能换行的...

功夫panda
2013/12/11
0
1
Python全栈 Web(JavaScript 运算符、流程控制)

运算符: 赋值运算符:= 算术运算符:+ - * / % 自增自减:++ -- 自增自减在单独使用时放前放后没区别 如果参与其他运算时分前缀和后缀 ++ 在后 先使用后自增 ++ 在前 先自增后使用 关系运算...

巴黎香榭
2018/09/10
0
0
JavaScript表单验证大全

2. 只能是汉字

挨踢人生
2012/04/21
0
0
葛永强周作业

在这一个星期学完了HTML,CSS学习了几章 有关文本输入框和密码输入框 type:当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 name:为文本框命名,以备后台...

葛永强
2015/10/27
1
2

没有更多内容

加载失败,请刷新页面

加载更多

java框架学习日志-13(Mybatis基本概念和简单的例子)

在mybatis初次学习Mybatis的时候,遇到了很多问题,虽然阿里云的视频有教学,但是视频教学所使用的软件和我自己使用的软件不用,我自己用的数据库是oracle数据库,开发环境是idea。而且视频中...

白话
今天
2
0
Java基础:String、StringBuffer和StringBuilder的区别

1 String String:字符串常量,字符串长度不可变。Java中String是immutable(不可变)的。 String类的包含如下定义: /** The value is used for character storage. */private final cha...

watermelon11
今天
2
0
mogodb服务

部署MongoDB 官网: https://www.mongodb.com/download-center/community 创建mongo数据目录 mkdir /data/mongodb 二进制部署 wget -c https://fastdl.mongodb.org/linux/mongodb-linux-x8......

以谁为师
昨天
5
0
大神教你Debian GNU/Linux 9.7 “Stretch” Live和安装镜像开放下载

Debian项目团队于昨天发布了Debian GNU/Linux 9 "Stretch" 的第7个维护版本更新,重点修复了APT软件管理器中存在的安全漏洞。在敦促每位用户尽快升级系统的同时,Debian团队还发布了Debian ...

linux-tao
昨天
4
0
PHP 相关配置

1. php-fpm的pool 编辑php-fpm配置文件php-fpm.con vim /usr/local/php/etc/php-fpm.conf //在[global]部分增加以下内容 include = etc/php-fpm.d/*.conf # 相当与Nginx的虚拟主机文件 “vho......

Yue_Chen
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部