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

171 阅读 0 评论 113 点赞

我是靠谱客的博主唠叨电灯胆，这篇文章主要介绍JavaScript 输入框内容格式验证代码，现在分享给大家，希望可以做个参考。

代码

复制代码代码如下:

 
<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> 