jquery注册文本框获取焦点清空,失去焦点赋值的简单实例


Posted in Javascript onSeptember 08, 2016

在我们开发过程中特别是用户注册时会有一个效果,就是文本框获取焦点清空提示,如果用户没有输入信息失去焦点赋值上我们的提示语。

<html>
<head>
<meta http-equiv="content-type"content="text/html; charset=UTF-8"/>
<script src="http://127.0.0.1/jquery.js"></script>
<script>
$(function(){
 $("#account").focus(function(){
  var account_value=$(this).val();
  if(account_value=="请输入账号"){
  $(this).val("");
  }
 });
 $("#account").blur(function(){
  var account_value=$(this).val();
  if(account_value==""){
  $(this).val("请输入账号");
  }
 });
});
</script>
</head>   
<body>

账号:<input id="account" type="text" value="请输入账号" />

</body>
</html>

以上这篇jquery注册文本框获取焦点清空,失去焦点赋值的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
自用js开发框架小成 学习js的朋友可以看看
Nov 16 Javascript
一个网马的tips实现分析
Nov 28 Javascript
Jquery中获取iframe的代码
Jan 11 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
svg动画之动态描边效果
Feb 22 Javascript
详解webpack解惑:require的五种用法
Jun 09 Javascript
AngularJS动态添加数据并删除的实例
Feb 27 Javascript
vue结合axios与后端进行ajax交互的方法
Jul 06 Javascript
微信小程序语音同步智能识别的实现案例代码解析
May 29 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 #Javascript
js发送短信倒计时的简单实现方法
Sep 08 #Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 #Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 #Javascript
jQuery遍历节点树方法分析
Sep 08 #Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 #Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 #Javascript
You might like
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
php获取根域名方法汇总
2014/10/28 PHP
yii分页组件用法实例分析
2015/12/28 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
vue.js 获取当前自定义属性值
2017/06/01 Javascript
jQuery实现上传图片前预览效果功能
2017/08/03 jQuery
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
2017/10/25 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
2018/04/19 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
JS实现马赛克图片效果完整示例
2019/04/13 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
vue的$http的get请求要加上params操作
2020/11/12 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
详解Python中DOM方法的动态性
2015/04/11 Python
Python错误提示:[Errno 24] Too many open files的分析与解决
2017/02/16 Python
详解python中requirements.txt的一切
2017/03/03 Python
Python中pillow知识点学习
2018/04/30 Python
python模块smtplib实现纯文本邮件发送功能
2018/05/22 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
《中国的气候》教学反思
2014/02/23 职场文书
加强机关作风建设心得体会
2014/10/22 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境
2021/03/29 PHP
Java基于字符界面的简易收银台
2021/06/26 Java/Android