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脚本函数库 方便开发
Oct 13 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
Jun 27 Javascript
js函数中onmousedown和onclick的区别和联系探讨
May 19 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
Aug 08 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
Nov 18 Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 Javascript
js实现开关灯效果
Mar 30 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 使用html5实现多文件上传实例
2016/10/24 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
jquery的each方法使用示例分享
2014/03/25 Javascript
图解JavaScript中的this关键字
2020/05/28 Javascript
JS修改地址栏参数实例代码
2016/06/14 Javascript
jquery实现拖动效果
2016/08/10 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
Bootstrap表格制作代码
2017/03/17 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
Python操作列表之List.insert()方法的使用
2015/05/20 Python
在Python中操作字典之update()方法的使用
2015/05/22 Python
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
Python实现快速计算词频功能示例
2018/06/25 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
django 控制页面跳转的例子
2019/08/06 Python
解决paramiko执行命令超时的问题
2020/04/16 Python
Python实现SMTP邮件发送
2020/06/16 Python
如何卸载python插件
2020/07/08 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
html5 视频播放解决方案
2016/11/06 HTML / CSS
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
阳光体育活动方案
2014/02/16 职场文书
创先争优一句话承诺
2014/05/29 职场文书
运动会广播稿200字
2014/10/18 职场文书
yyds什么意思?90后已经听不懂00后讲话了……
2022/02/03 杂记
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang