网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表单特效
> 正文
计算文本框字节数
深山行者个人网站 2009/6/7 22:12:39 深山行者 字体:
大
中
小
浏览 8790
以下为详细代码
<script> //计算|文本框|字节数 function passreg(str,strname){ var pwdvalue = document.getElementById(str).value; var infvalue = document.getElementById(strname); if (pwdvalue.length < 5 ){ infvalue.innerHTML = "密码不能少于 5 位"; infvalue.className = "error"; } if (pwdvalue.length > 4 ){ infvalue.innerHTML = "密码正确"; infvalue.className = "right"; } } function lents(){ var lentente = document.getElementById('content').value.replace(/ /g,"").length; var lentexts = document.getElementById('lencontent'); if (lentente > 20){ lentexts.innerHTML = "错误了"; lentexts.className = "error"; } else if (lentente < 20){ lentexts.innerHTML = lentente; lentexts.className = "right"; } //总共有多少个字符 document.getElementById("len0").innerHTML = 100; //当前输入的字符 document.getElementById("len1").innerHTML = lentente; //还有多少个字符 document.getElementById("len2").innerHTML = 100 - lentente; } </script> <style> body {font-size:12px;color:#999999;} .error,.right {height:20px;line-height:22px;font-size:14px;font-weight:bold;padding:0 10px 0 25px;} .error {color:red;background:url(./UploadFiles/20081211212625910.gif) no-repeat 4px -28px;} .right {color:green;background:url(./UploadFiles/20081211212625910.gif) no-repeat 6px 5px;} #len0 {font-weight:bold;font-size:14px;color:red;} #len1 {font-weight:bold;font-size:14px;color:blue;} #len2 {font-weight:bold;font-size:14px;color:green;} </style> <form name="register"> <input id="regpwd" onkeyup="passreg('regpwd','pwd_info');" type="text" name="regpwd" /> <span id="pwd_info"></span><br /><br /> <input id="regpwd1" onkeyup="passreg('regpwd1','pwd_info1');" type="text" name="regpwd1" /> <span id="pwd_info1"></span><br /><br /> <textarea name="textarea" cols="30" rows="3" id="content" onkeyup="lents(this);"></textarea> <span id="lencontent"></span>/100 <br /> <br /> 总共的字符:<span id="len0">100</span><br /> 当前输入的字符:<span id="len1">0</span><br /> 还有多少个字符:<span id="len2">100</span><br /> </form>
前一页:
JavaScript实现文本框提示效果
后一页:
自适应高度textarea(文本框)
相关阅读
武义熟溪温泉旅行网
网站需要SEO 基本的SEO建站要点
两个ASP中防止SQL注入式攻击
在网页标题栏上或收藏夹前面显示网站ico小图标的方法
深山旅行社网站管理系统 v1.7
巧用ASP技术保护DHTML源代码
添加一个防下载字段(长二进制数据)来防止ACCESS数据库被下载
深山文章管理系统 v1.0 bulid 090418
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
input文本输入框只能输入数字或字母或汉字等
用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框
利用javascript简短功能就可以检查form表单中的元素是否已经填写
javascript日期验证比较
javascript 根据汉字拼音首字母快速定位下拉列表
javascript取汉字拼音首字母缩写程序
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
网页页面变灰,网页变成黑白色
jquery获取不同类型表单值的方式
在网页上禁止鼠标右键的方法(1)
购物时某件商品倒计时销售非常不错
微信公众号回复图文消息或用客服接口推送图文消息
振辉除氧器
更多标签
热门标签
float
保留
pr
物理
代码 css
id
柱状图
div CSS
左 右 全 input
js
div
原则
密码
confirm
成功
绝对
兼容
生成器
submit
文字垂直居中
杈规
右击
ie7
定律
路径
JS效果
maryabbsby
逗号
验证
font-size
电脑
数组
提交
cookies
skype
快捷键
搜索引擎
注册表
sql
V3.1
iframe
滚动条
放大
label
键盘
尺寸
位置
台历
关键字
翻转
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号