`
axl234
  • 浏览: 260836 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

文本域字符数判断

阅读更多
<!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>
分享到:
评论

相关推荐

    JS判断大全

    1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 ...2.8:form文本域的通用校验函数

    javascript常用判断

    js验证表单大全,用JS控制表单提交 ,javascript提交表单 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、...2.8:form文本域的通用校验函数

    js验证,javascript

    1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 ...2.8:form文本域的通用校验函数

    js表单验证控制代码大全.txt

    本人在网上加上自己经常用到的js表单验证现整理如下: 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能...2.8:form文本域的通用校验函数

    关于js表单的验证大全

    目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 ...2.8:form文本域的通用校验函数

    javascript表单验证大全

    javascript表单验证大全 js表单验证控制代码大全 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 ...2.8:form文本域的通用校验函数

    js表单验证大全.txt

    页面表单验证时要用到,包括: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 ...2.8:form文本域的通用校验函数

    js表单验证代码全集.docx

    1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 ...2.8:form文本域的通用校验函数 2.9:js验证手机号,含158,159段的

    PHP开发实战1200例源码

    实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...

    js验证表单 js验证表单

    js表单验证控制代码大全 ...2.8:form文本域的通用校验函数 */ 1. 长度限制 function test() { if(document.a.b.value.length&gt;50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } ()"&gt; ...

    常用js大全,javascript校验大全

    2.11 校验忽略样式内容后文本域中的内容是否为空//校验忽略样式内容 后文本域中的内容是否为空.. 124 2.12 计算天数差的函数. 125 2.13 把结束日期月份加上月末日期.. 125 2.14 检验输入的日期yyyy-MM 126

    JS常用校验

    * testSelect() //选中文本框或文本域文本,在input位置加上 onClick/onFocus="textSelect();" 即可 * textOnly() //只允许输入数字 字母 下划线,在input位置加上 onkeypress="textOnly()" 即可 * isURL(URL) //...

    js脚本大全 js验证大全 压缩包

    2.11 校验忽略样式内容后文本域中的内容是否为空//校验忽略样式内容 后文本域中的内容是否为空.. 124 2.12 计算天数差的函数. 125 2.13 把结束日期月份加上月末日期.. 125 2.14 检验输入的日期yyyy-MM 126

    表单验证大全

    2. 怎么判断是否是字符 --------------------------------------- if (/[^\x00-\xff]/g.test(s)) alert&#40;"含有汉字"&#41;; else alert&#40;"全是字符"&#41;; 3. 怎么判断是否含有汉字 -------------------...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...

    PHP程序开发范例宝典III

    实例045 限制多行文本域输入的字符个数 64 2.5 表单的综合应用 65 实例046 表单组件的综合应用 65 实例047 同一个页面中的多表单提交 66 实例048 获取表单中提交的所有数据 68 实例049 以文件域的形式...

Global site tag (gtag.js) - Google Analytics