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 相关文章推荐
Dom操作之兼容技巧分享
Sep 20 Javascript
关于火狐(firefox)及ie下event获取的两种方法
Dec 27 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
jquery.cookie.js的介绍与使用方法
Feb 09 Javascript
vue slot 在子组件中显示父组件传递的模板
Mar 02 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 20 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
轻松入门: 煮好咖啡的七个诀窍
2021/03/03 冲泡冲煮
有关php运算符的知识大全
2011/11/03 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
Ext 表单布局实例代码
2009/04/30 Javascript
jQuery 创建Dom元素
2010/05/07 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
2016/12/17 Javascript
React快速入门教程
2017/01/17 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
详解从NodeJS搭建中间层再谈前后端分离
2018/11/13 NodeJs
VUE脚手架的下载和配置步骤详解
2019/04/01 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
Python 初始化多维数组代码
2008/09/06 Python
pycharm 使用心得(三)Hello world!
2014/06/05 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Atom Python 配置Python3 解释器的方法
2019/08/28 Python
详解python tcp编程
2020/08/24 Python
Django路由层URLconf作用及原理解析
2020/09/24 Python
详解基于canvas的视频遮罩插件
2018/01/04 HTML / CSS
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
责任书格式范文
2014/07/28 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
学校运动会简讯
2015/07/20 职场文书
创业计划书之烤红薯
2019/09/26 职场文书
能让Python提速超40倍的神器Cython详解
2021/06/24 Python