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 相关文章推荐
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
onmouseover和onmouseout的一些问题思考
Aug 14 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
turn.js异步加载实现翻书效果
Jul 25 Javascript
JS中==、===你分清楚了吗
Mar 04 Javascript
手把手教你实现 Promise的使用方法
Sep 02 Javascript
vue动态设置路由权限的主要思路
Jan 13 Vue.js
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中DOMElement操作xml文档实例演示
2013/03/26 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
jQuery 处理网页内容的实现代码
2010/02/15 Javascript
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
如何编写高质量JS代码(续)
2015/02/25 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
原生JS取代一些JQuery方法的简单实现
2016/09/20 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
vue-router中的hash和history两种模式的区别
2018/07/17 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
python读写二进制文件的方法
2015/05/09 Python
python决策树之CART分类回归树详解
2017/12/20 Python
numpy数组广播的机制
2019/07/12 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
tensorflow 重置/清除计算图的实现
2020/01/19 Python
python定义类self用法实例解析
2020/01/22 Python
python_array[0][0]与array[0,0]的区别详解
2020/02/18 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
SQL中where和having的区别
2012/06/17 面试题
医院领导班子四风对照检查材料
2014/09/27 职场文书
学生党支部工作总结2015
2015/05/26 职场文书
Java字符串逆序方法详情
2022/03/21 Java/Android