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 相关文章推荐
js停止输出代码
Jul 20 Javascript
javascript 选择文件夹对话框(web)
Jul 07 Javascript
JavaScript 拾碎[三] 使用className属性
Oct 16 Javascript
JavaScript事件委托用法分析
Jan 24 Javascript
JavaScript知识点整理
Dec 09 Javascript
JavaScript设计模式初探
Jan 07 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
详解AngularJS 模块化
Jun 14 Javascript
vue 项目如何引入微信sdk接口的方法
Dec 18 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
Apr 10 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
Aug 08 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
ajax实现无刷新分页(php)
2010/07/18 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
PHP使用DirectoryIterator显示下拉文件列表的方法
2015/03/13 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
mac系统下为 php 添加 pcntl 扩展
2016/08/28 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
PHPCMS忘记后台密码的解决办法
2016/10/30 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
jsp 网站引入外部css或者js失效问题解决
2016/10/31 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
canvas实现图像截取功能
2017/02/06 Javascript
JS实现的添加弹出层并完成锁屏操作示例
2017/04/07 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
Python中isnumeric()方法的使用简介
2015/05/19 Python
Django查找网站项目根目录和对正则表达式的支持
2015/07/15 Python
Python基础知识_浅谈用户交互
2017/05/31 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
Python代码生成视频的缩略图的实例讲解
2019/12/22 Python
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
社区创先争优承诺书
2014/08/30 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
承兑汇票延期证明
2015/06/23 职场文书
道士塔读书笔记
2015/06/30 职场文书
Redis可视化客户端小结
2021/06/10 Redis
SQL SERVER中的流程控制语句
2022/05/25 SQL Server
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript