网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表单特效
> 正文
javascript表单验证!
深山行者个人网站 2008/12/11 21:22:58 深山行者 字体:
大
中
小
浏览 10803
以上是用到的图片
以下为详细代码
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>
前一页:
复选框添加,删除信息,过滤重复
后一页:
图片上传时,如果格式不正确,跳出警告
相关阅读
uni-app微信小程序分享微信好友与分享到朋友圈功能
振辉除氧器
网站页面设计中的Css十大注意
kiss草原旅游网站
javascript 根据汉字拼音首字母快速定位下拉列表
DIV+CSS分页代码,放大镜分页效果
asp防止access数据库被下载破解
uni-app基础知识页面事件与web事件的对比
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
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还有其它的吗
更多>>
随机抽取信息
汉字转声母
Python拼接字符串的几种方式
IIS上传文件大小解处限制的方法
ASP连接各种数据库的方法
css a标签与如何利用css中text-indent实现文章缩进
纯asp根据当前日期计算出相应的星座
更多标签
热门标签
vb
滚动
tags
图片上传
iframe
option
样式
表达式
asp
简易
cookies
msn
数组
缩略图
规则
数字
对象
ctrl
凹陷
关键字
风格
人生
网易
长
省略
脚本
工作室
后台
tab
全选
跳转
站长
繁体
open
左 右 全 input
javascri
display
选项卡
模式
爱墙
FireFox
ewebeditor
弹出
optgroup
clear
关于我们
插件
txt
界面
标语
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号