当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 输入框内容格式验证代码

Javascript
DOM相关内容速查手册
[转]JS宝典学习笔记
背景,文字渐变(无闪屏)
一个仿DOS的Loading效果
JavaScript使用prototype定义对象类型
如何用JS获取带“\”字符串的中间值?
如何识别上传前检测的图像是有效的方法
js模拟滤镜的图片渐显效果
如何用javascript去掉字符串里的所有空格
javascript如何判断数组内元素是否重复的方法集锦
控制打印时页眉角的代码
模仿Flash AS效果的导航菜单
页面自定义拖拽布局
js判断浏览器的比较全的代码
又一日历输入效果没考虑兼容性,IE通过
项目添加
[转]prototype 源码解读 超强推荐
JAVASCRIPT对象及属性
JavaScript解决Joseph问题
实例:用 JavaScript 来操作字符串(一些字符串函数)

Javascript 中的 JavaScript 输入框内容格式验证代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 490 ::
收藏到网摘: n/a

当鼠标焦点移至密码输入框时,利用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>