编程 Javascript

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中的undefined 与 null 的区别补充篇

Mar 17 Javascript

jQuery动态地获取系统时间实现代码

May 24 Javascript

js弹出层包含flash 不能关闭隐藏的2种处理方法

Jun 17 Javascript

jQuery 1.9使用$.support替代$.browser的使用方法

May 27 Javascript

JS实现的表格行鼠标点击高亮效果代码

Nov 27 Javascript

深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性

Dec 16 Javascript

使用jQuery Mobile框架开发移动端Web App的入门教程

May 17 Javascript

微信小程序监听手势滑动切换页面实例详解

Jun 15 Javascript

vue-star评星组件开发实例

Mar 01 Javascript

JavaScript获取当前url路径过程解析

Dec 27 Javascript

js实现盒子滚动动画效果

Aug 09 Javascript

谈谈JavaScript中的函数

Sep 08 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的简单&简陋Tabs插件代码

Feb 09 #Javascript

You might like

PHP+ajax 无刷新删除数据

2010/02/20 PHP

PHP学习笔记之二

2011/01/17 PHP

114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法

2012/01/12 PHP

我的php学习笔记(毕业设计)

2012/02/21 PHP

php简单实现批量上传图片的方法

2016/05/09 PHP

JTrackBar水平拖动效果

2007/07/15 Javascript

Jquery实战_读书笔记2 选择器

2010/01/22 Javascript

JSON.parse()和JSON.stringify()使用介绍

2014/06/20 Javascript

JS实现选项卡实例详解

2015/11/17 Javascript

分享15个大家都熟知的jquery小技巧

2015/12/02 Javascript

详解nodejs微信公众号开发——4.自动回复各种消息

2017/04/11 NodeJs

简单快速的实现js计算器功能

2017/08/17 Javascript

bootstrap 通过加减按钮实现输入框组功能

2017/11/15 Javascript

web前端页面生成exe可执行文件的方法

2018/02/08 Javascript

微信小程序实现侧边栏分类

2019/10/21 Javascript

python多重继承实例

2014/10/11 Python

Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解

2018/09/04 Python

python实现文本界面网络聊天室

2018/12/12 Python

python代码输入数字使其反向输出的方法

2018/12/22 Python

详解Python读取yaml文件多层菜单

2019/03/23 Python

python+selenium实现简历自动刷新的示例代码

2019/05/20 Python

Django中Middleware中的函数详解

2019/07/18 Python

Tensorflow 自定义loss的情况下初始化部分变量方式

2020/01/06 Python

Pycharm中安装wordcloud等库失败问题及终端通过pip安装的Python库如何添加到Pycharm解释器中(推荐)

2020/05/10 Python

Pycharm安装第三方库失败解决方案

2020/11/17 Python

Python 利用flask搭建一个共享服务器的步骤

2020/12/05 Python

canvas 如何绘制线段的实现方法

2018/07/12 HTML / CSS

俄罗斯披萨、寿司和面食送货到家服务：2 Берега

2019/12/15 全球购物

电大学习个人自我评价范文

2013/10/04 职场文书

离婚协议书范文2014（夫妻感情破裂）

2014/12/14 职场文书

优秀班主任材料

2014/12/16 职场文书

SQLServer2008提示评估期已过解决方案

2021/04/12 SQL Server

Linux系统下安装PHP7.3版本

2021/06/26 PHP

Redis分布式锁的7种实现

2022/04/01 Redis

Linux、ubuntu系统下查看显卡型号、显卡信息详解

2022/04/07 Servers

Java 超详细讲解十大排序算法面试无忧

2022/04/08 Java/Android