计算文本框字节数 -- [表单特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

订阅本栏目 RSS您所在的位置: 深山工作室 > 表单特效 > 正文

计算文本框字节数

深山行者个人网站 2009/6/7 22:12:39 深山行者字体:大中小浏览 10173

以下为详细代码

<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(文本框)

相关阅读: CSS编写过程中常见的10个错误; 19寸宽屏旅行社网站默认模板; 昆山假日旅行社; CSS的常用的一些技巧; asp用cDec将二进制转十进制然后再用cBit将十进制转二进制; 利用DIV+CSS制作右下角弹出留言板; 利用position属性把层永远定位于页面中部; 关于css

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 实现windows关机效果代码; 昆山假日旅行社; 沙漠玫瑰旅行社; 深山旅行社网站管理系统5.0发布; 在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心(2); web2.0 舒服的颜色

更多标签热门标签

select outerHTML 例子下拉做标格式 cookies 墙凹陷组件程序浏览器模板 hover 复选框资料字母文件类型蜘蛛透明框架控件 table 表达式小旋风版权声明高破解页面 PSD 定律 web 宽展开控制美化等待验证码 flash 叛断购物名称转换添加 onmouserout 手增大 rad dt split

行业解决方案: 抖音小程序百度小程序微信小程序

了解我们: 关于深山; 业务范围; 案例展示中心; 联系我们; 网站地图; 赞助深山

动态展示: 定制网络投票系统; 定制小程序

服务热线: 13961347334

: 微信公众号二维码

: 百度小程序二维码

: 头条抖音小程序二维码

: 联系微信二维码

: 联系QQ二维码

免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026 深山工作室 All Rights Reserved
服务QQ:565449214 手机:13961347334
ICP备案:苏ICP备15019627号

苏公网安备 32070502010230号