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 相关文章推荐
AngularJS Bootstrap详细介绍及实例代码
Jul 28 Javascript
Bootstrap轮播插件使用代码
Oct 11 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
Dec 29 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
微信小程序实现手势滑动卡片效果
Aug 26 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
小程序接入腾讯位置服务的详细流程
Mar 03 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
May 19 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
Jul 18 Javascript
Vue实现小购物车功能
Dec 21 Vue.js
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作为Shell脚本语言使用
2006/10/09 PHP
15个小时----从修改程序到自己些程序
2006/10/09 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
使用laravel指定日志文件记录任意日志
2019/10/17 PHP
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
UserData用法总结 lanyu出品
2010/07/01 Javascript
jquery ajax abort()的使用方法
2010/10/28 Javascript
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
python爬取微信公众号文章
2018/08/31 Python
Python实现E-Mail收集插件实例教程
2019/02/06 Python
Python常用爬虫代码总结方便查询
2019/02/25 Python
win8.1安装Python 2.7版环境图文详解
2019/07/01 Python
深入了解Python iter() 方法的用法
2019/07/11 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
linux面试题参考答案(6)
2016/06/23 面试题
汽车维修专业毕业生的求职信分享
2013/12/04 职场文书
女大学生自我鉴定
2013/12/09 职场文书
致标枪运动员广播稿
2014/02/06 职场文书
门前三包责任书
2014/04/15 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
求职信模板
2014/05/23 职场文书
群众路线四风自我剖析材料
2014/10/08 职场文书
社区四风存在问题及整改措施
2014/10/26 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
Python读写yaml文件
2022/03/20 Python