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 相关文章推荐
自写的jQuery异步加载数据添加事件
May 15 Javascript
php实例分享之实现显示网站运行时间
May 20 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
在JavaScript中操作数组之map()方法的使用
Jun 09 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
使用JQ完成表格隔行换色的简单实例
Aug 25 Javascript
vue+webpack中配置ESLint
Nov 07 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
Dec 20 Javascript
如何在微信小程序中实现Mixins方案
Jun 20 Javascript
vue自定义指令和动态路由实现权限控制
Aug 28 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中$_REQUEST、$_POST、$_GET的区别和联系小结
2011/11/23 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
javascript中自定义对象的属性方法分享
2013/07/12 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
jquery轮播的实现方式 附完整实例
2016/07/28 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
12个提高JavaScript技能的概念(小结)
2019/05/09 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
css3 自定义字体font-face使用介绍
2014/05/14 HTML / CSS
HTML5 Canvas锯齿图代码实例
2014/04/10 HTML / CSS
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
UNOde50美国官网:西班牙珠宝品牌
2020/08/15 全球购物
上课迟到检讨书
2014/01/19 职场文书
高二生物教学反思
2014/01/27 职场文书
审计主管岗位职责
2014/01/31 职场文书
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
先进党员事迹材料
2014/12/24 职场文书
就业推荐表自我评价范文
2015/03/02 职场文书
2016年秋季新学期致辞
2015/07/30 职场文书
python Django框架快速入门教程(后台管理)
2021/07/21 Python