JavaScript 输入框内容格式验证代码
更新时间：2010年02月11日 12:01:23 作者：
当鼠标焦点移至密码输入框时，利用js脚本自动验证用户名的格式正确与否
代码
<body>
用户名：<input type="text" id="name" />
<div id="d" style="display:none; background:#999900;"></div> //验证结果显示，注意display是隐藏的
<br />
密码： <input type="text" id="pwd" onfocus="bb()" /> //pwd输入框获得焦点时触发onfocus事件，验证name输入框的内容格式是否正确
<script>
var name = document.getElementById("name");
function bb(){
d.style.display = 'block'; //显示div
if(name.value.match(/^\w+/)) { //利用正则表达式来验证输入的用户名
d.innerHTML = "dui";
}
else{
d.innerHTML = "cuo";
}
}
</script>
</body>
复制代码 代码如下:
<body>
用户名：<input type="text" id="name" />
<div id="d" style="display:none; background:#999900;"></div> //验证结果显示，注意display是隐藏的
<br />
密码： <input type="text" id="pwd" onfocus="bb()" /> //pwd输入框获得焦点时触发onfocus事件，验证name输入框的内容格式是否正确
<script>
var name = document.getElementById("name");
function bb(){
d.style.display = 'block'; //显示div
if(name.value.match(/^\w+/)) { //利用正则表达式来验证输入的用户名
d.innerHTML = "dui";
}
else{
d.innerHTML = "cuo";
}
}
</script>
</body>
相关文章
![js颜色选择器代码[firefox不支持]](//img.jbzj.com/images/xgimg/bcimg0.png)
非常不错的，颜色选择效果代码2008-11-11
以下是HTML网页特效代码，点击运行按钮可查看效果2008-11-11
我最烦wordpress编辑器容器那狭窄的高度，每次都需要手动调节，很不好用2011-10-10
常用js脚本...2006-12-12
javascript中input中readonly和disabled区别介绍
javascript中input中readonly和disabled区别，在开发中可能会常有用到，利用js动态改变input的属性2012-10-10
用javascript实现文本框和"选择"按扭之间的间距...2007-07-07
js实现的的 文字自动''到google search框...2007-05-05
js修改form的action属性的函数2008-11-11
那天在一个论坛上看到一个相当有意思的功能，就是在文本框中输入字符的时候，旁边会提示还可以输入多少个字。2010-07-07
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
js数据验证集合，进行了封装推荐大家学习使用。里面有例子测试代码。2010-05-05
![js颜色选择器代码[firefox不支持]](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论