博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现输入框的验证
阅读量:3957 次
发布时间:2019-05-24

本文共 235 字,大约阅读时间需要 1 分钟。

需求

输入6-16位的账号,当不符合的时候会提示,格式正确的时候会提示。输入框有默认值,获得焦点时会清空,且输入的字体颜色较默认值会变深。输入框失去焦点时,输入框中文字颜色会变浅。如果没有输入,失焦时便会显示默认值。

效果图

初始状态:

在这里插入图片描述
格式错误:
在这里插入图片描述

格式正确:

在这里插入图片描述

源码

    
Title

总结

本例js部分基本都是dom操作,正确获取dom,添加或修改dom属性,修改dom文本内容即可。

转载地址:http://aqozi.baihongyu.com/

你可能感兴趣的文章
使用ORM工具进行数据访问
查看>>
使用ORM工具进行数据访问
查看>>
Quartz 使用手记 --转
查看>>
编译与部署Eclipse+Tomcat+MySQL+Liferay4.1.2
查看>>
MySQL用户授权
查看>>
mysql忘记密码怎么办?~
查看>>
MySQL修改密码方法总结
查看>>
怎么将我的硬盘屏蔽
查看>>
关于MySQL select into 和 SQLServer select into
查看>>
2003应用
查看>>
文件上传组件比较
查看>>
关于MySQL select into 和 SQLServer select into
查看>>
搭建开发环境(初学liferay必看)
查看>>
Apache FileUpload文件上传组件API解析
查看>>
屏蔽usb的方法- -
查看>>
JSP编程进度条设计
查看>>
精心收集的面试笔试题库,网络上很难找到这么齐全的,推荐给大家
查看>>
教学视频
查看>>
JS操作Cookie详解
查看>>
Java正则表达式详解
查看>>