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 相关文章推荐
node.js中的http.get方法使用说明
Dec 14 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
JS实现求5的阶乘示例
Jan 21 Javascript
微信小程序 高德地图路线规划实现过程详解
Aug 05 Javascript
判断JavaScript中的两个变量是否相等的操作符
Dec 21 Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 12 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 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字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
ThinkPHP路由详解
2015/07/27 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
在网页中屏蔽快捷键
2006/09/06 Javascript
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
2017/07/12 Javascript
Thinkjs3新手入门之添加一个新的页面
2017/12/06 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
python错误处理详解
2014/09/28 Python
深入理解python中的闭包和装饰器
2016/06/12 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
python十进制和二进制的转换方法(含浮点数)
2018/07/07 Python
Django 后台带有字典的列表数据与页面js交互实例
2020/04/03 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
英国书籍、CD、DVD和游戏的第一道德零售商:Awesome Books
2020/02/22 全球购物
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
单位提档介绍信
2015/10/22 职场文书
导游词之河北白洋淀
2020/01/15 职场文书
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS