JavaScript 输入框内容格式验证代码
2010-02-11 00:00
465 查看
代码
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript 输入框内容格式验证代码
- 一段简单 javascript 的代码，用来验证日期的格式，支持闰年，支持 IE、Fixfox、Chrome 等主流浏览器
- 用户输入验证邮箱，通过javascript代码验证邮箱格式是否正确 //邮箱验证
- 史上最全的js/jquery/javascript控制input输入框输入格式的代码
- javascript代码验证身份证格式是否正确
- 输入框中基于ｊａｖａｓｃｒｉｐｔ的数据格式的验证
- 利用javascript验证输入框中的值是否为日期格式
- 用JavaScript实现用户登录验证、注册信息格式检验（附代码）
- javascript验证邮箱格式代码
- 关于引用了母版页后，怎么在内容页里写javascript的验证表单的代码？
- 用javascript验证输入框中的值是否为日期格式
- 利用javascript验证输入框中的值是否为日期格式[网上找的]
- javascript验证上传文件的类型限制必须为某些格式
- JavaScript表单验证自定义内容
- JavaScript常用工具函数(验证数据格式、清除空格、判断浏览器类型、cookie操作等)
- JavaScript中常用的验证代码
- Javascript级联下拉菜单以及AJAX数据验证核心代码
- JavaScript 判断日期格式是否正确的实现代码
- javascript下用for( in )语句 获得所有style 内容的脚本代码