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脚本代码跑起来。
Jan 09 Javascript
js控制div及网页相关属性的代码
Dec 19 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
Jan 07 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
Jul 22 Javascript
一个简单的node.js界面实现方法
Jun 01 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
JavaScript闭包相关知识解析
Oct 19 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
SpringBoot在yml配置文件中配置druid的操作
Nov 16 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中使用Oracle数据库(2)
2006/10/09 PHP
php清除和销毁session的方法分析
2015/03/19 PHP
PHP的Yii框架中Model模型的学习教程
2016/03/29 PHP
JS正则表达式验证数字代码
2014/01/28 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
2017/07/13 Javascript
关于前后端json数据的发送与接收详解
2017/07/30 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
ElementUI多个子组件表单的校验管理实现
2019/11/07 Javascript
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
Python简单实现控制电脑的方法
2018/01/22 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
pytorch梯度剪裁方式
2020/02/04 Python
python列表的逆序遍历实现
2020/04/20 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
python实现斗地主分牌洗牌
2020/06/22 Python
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
C# Debug和Testing相关面试题
2015/10/25 面试题
升职自荐书范文
2013/11/28 职场文书
社会保险接收函
2014/01/12 职场文书
关于运动会广播稿200字
2014/10/08 职场文书
求职自我推荐信
2015/03/24 职场文书
寒假致家长的一封信
2015/10/10 职场文书
什么是求职信?求职信应包含哪些内容?
2019/08/14 职场文书
Innodb存储引擎中的后台线程详解
2022/04/03 MySQL