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

Javascript
JavaScript事件驱动及事件处理
JavaScript教程:JavaScript函数
JavaScript程序控制流
JavaScript制作滚动文本效果
JavaScript教程:表达式和运算符
JavaScript教程:基本数据类型
JavaScript教程:网页中加入JavaScript
JavaScript教程:编写一个简单的JavaScript程序
JavaScript教程:JavaScript程序运行环境
JavaScript教程:JavaScript和Java的区别
JavaScript教程:什么是JavaScript?
JavaScript教程:对象的基础知识
JavaScript教程:JS的语句及语法
JavaScript教程:常用对象的属性和方法
JavaScript教程:基于对象的JS语言范例
JavaScript教程:对象的定义
JavaScript教程:创建对象实例
JavaScript教程:对象方法的使用
JavaScript教程:JavaScript中的数组
JavaScript教程:JS中创建新对象范例

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 361 ::
收藏到网摘: 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>