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 相关文章推荐
javascript 有趣而诡异的数组
Apr 06 Javascript
JavaScript Perfection kill 测试及答案
Mar 23 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
JavaScript获取指定元素位置的方法
Apr 08 Javascript
javascript实现Emrips反质数枚举的示例代码
Dec 06 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
关于vue面试题汇总
Mar 20 Javascript
如何从零开始手写Koa2框架
Mar 22 Javascript
JavaScript实现密码强度实时验证
Mar 18 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
构建简单的Webmail系统
2006/10/09 PHP
php过滤html标记属性类用法实例
2014/09/23 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
php fseek函数读取大文件两种方法
2016/10/12 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
基于jquery实现ajax无刷新评论
2020/08/19 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
解决Antd 里面的select 选择框联动触发的问题
2020/10/24 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
Python编程把二叉树打印成多行代码
2018/01/04 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
python开发准备工作之配置虚拟环境(非常重要)
2019/02/11 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
德国高端单身人士交友网站:ElitePartner
2018/12/02 全球购物
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
指针和引用有什么区别
2013/01/13 面试题
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
销售代表求职自荐信
2013/10/01 职场文书
老师自我鉴定范文
2013/12/25 职场文书
英语专业学生的自我评价
2013/12/30 职场文书
九年级科学教学反思
2014/01/29 职场文书
幼儿园教师教育感言
2014/02/28 职场文书
校园绿化美化方案
2014/06/08 职场文书
企业安全生产检查制度
2015/08/06 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
如何将numpy二维数组中的np.nan值替换为指定的值
2021/05/14 Python