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


Posted in Javascript onFebruary 11, 2010

代码

<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 调试利器 Firebug使用详解六
Jul 05 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
Aug 18 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
Jun 19 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
AngularJS中的JSONP实例解析
Dec 01 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
Dec 01 Javascript
js微信支付实现代码
Dec 22 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
React教程之Props验证的具体用法(Props Validation)
Sep 04 Javascript
js Dom实现换肤效果
Oct 21 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
详解小程序缓存插件(mrc)
Aug 17 Javascript
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 #Javascript
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 #Javascript
一段实现页面上的图片延时加载的js代码
Feb 11 #Javascript
JavaScript Event学习第十一章 按键的检测
Feb 10 #Javascript
JavaScript Event学习第十章 一些可替换的事件对
Feb 10 #Javascript
jQuery插件 tabBox实现代码
Feb 09 #Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
Feb 09 #Javascript
You might like
新版PHP极大的增强功能和性能
2006/10/09 PHP
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
浅析PHP的ASCII码转换类
2013/07/05 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
PHP如何根据文件头检测文件类型实例代码
2018/10/14 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
js 获取浏览器高度和宽度值(多浏览器)
2009/09/02 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
JS运动特效之链式运动分析
2018/01/24 Javascript
vue实现通讯录功能
2018/07/14 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
编写同时兼容Python2.x与Python3.x版本的代码的几个示例
2015/03/30 Python
python中Pycharm 输出中文或打印中文乱码现象的解决办法
2017/06/16 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
分析经典Python开发工程师面试题
2019/04/08 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
Keras 利用sklearn的ROC-AUC建立评价函数详解
2020/06/15 Python
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
外企测试工程师面试题
2015/02/01 面试题
教师师德师风自我剖析材料
2014/09/29 职场文书
老公婚前保证书
2015/02/28 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
Python OpenCV 图像平移的实现示例
2021/06/04 Python
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python
Python+Selenium实现读取网易邮箱验证码
2022/03/13 Python