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 相关文章推荐
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
js确认删除对话框效果的示例代码
Feb 20 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
用js编写的简单的计算器代码程序
Aug 04 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
关于Bootstrap按钮组件消除黄框的方法
May 19 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
Sep 20 Javascript
vue封装一个简单的div框选时间的组件的方法
Jan 06 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
javascript实现蒙版与禁止页面滚动
Jan 11 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中用foreach来操作数组的代码
2011/07/17 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
js脚本学习 比较实用的基础
2006/09/07 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
2011/12/29 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
JS根据生日算年龄的方法
2015/05/05 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
jQuery Ajax实现跨域请求
2017/01/21 Javascript
原生JS京东轮播图代码
2017/03/22 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
2018/04/05 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
2018/08/08 jQuery
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
解决vue的过渡动画无法正常实现问题
2019/10/31 Javascript
react组件基本用法示例小结
2020/04/27 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
Python操作RabbitMQ服务器实现消息队列的路由功能
2016/06/29 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
Python 使用Opencv实现目标检测与识别的示例代码
2020/09/08 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
京东国际站:JOYBUY
2017/11/23 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
实习教师自我鉴定
2013/12/12 职场文书
弘扬职业精神演讲稿
2014/03/20 职场文书
村干部承诺书
2014/03/28 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
五年级学生期末评语
2014/12/26 职场文书
公文写作:工伤事故分析报告怎么写?
2019/11/05 职场文书