网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表单特效
> 正文
javascript表单验证!
深山行者个人网站 2008/12/11 21:22:58 深山行者 字体:
大
中
小
浏览 8851
以上是用到的图片
以下为详细代码
javascript表单验证! <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>
前一页:
复选框添加,删除信息,过滤重复
后一页:
图片上传时,如果格式不正确,跳出警告
相关阅读
IE中奇怪的左右border断线现象
呼伦贝尔市北天草原旅行社有限公司
CSS关于box(盒模式)的一系列问题详解
一次自动化批量处理服务器上几万张图片
告诉你一些GOOGLE搜索你不知道的东西
乐旅行
收集的javascript客户端验证函数大全
微信小程序转uni-app项目
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
input文本输入框只能输入数字或字母或汉字等
用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框
利用javascript简短功能就可以检查form表单中的元素是否已经填写
javascript日期验证比较
javascript 根据汉字拼音首字母快速定位下拉列表
javascript取汉字拼音首字母缩写程序
更多>>
最新添加文章
2026 aliyun阿里域名云注册续费优惠口令
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
更多>>
随机抽取信息
深山留言板警察出动效果
一个省市县三级关联select下拉菜单代码
深山留言板系统 v3.5
绿色乡村留言板模板
输入框提示列表效果
深山行者V1.2旅行社网站管理系统
更多标签
热门标签
列
操作
float
保留
代码 css
div CSS
左 右 全 input
div
原则
confirm
兼容
生成器
杈规
右击
路径
JS效果
验证
font-size
提交
cookies
搜索引擎
注册表
iframe
滚动条
键盘
尺寸
关键字
翻转
上传
留言次数
小偷
顶部
dd
自适应高度
Javascript实现CSS代码高亮显示1
强度
split
人生
信息
框
dt
调色
strong
Excel
relative
滤镜
li
html
文件类型
详解
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号