jQuery(3)--实现注册表单中当用户名为空时,实现输入框边框变色
来源:互联网 发布:巴赫拉米世锦赛数据 编辑:程序博客网 时间:2024/05/22 13:46
效果图如下:
源码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>demo05.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript" src="../js/jquery-1.9.1.js"></script><script type="text/javascript">$(document).ready(function() { //:input 获取的是 type=text,radio,button等select textarea等元素对象$(":input").blur(function() { //注册blur的事件$(this).each(function() { //遍历input元素对象 if ("" == $(this).val()) { //判断元素对象的value值$(this).addClass("blur"); //添加css样式}else{ $(this).removeClass("blur");}});});});</script><style type="text/css">.blur {border: 1px solid red;}</style></head><body><form action="">用户名:<input type="text" name="uname" /><br />密码:<input type="password" name="uname" /><br />邮箱:<input type="text" name="uname" /><br />个人介绍:<textarea rows="10" cols="30"></textarea></form></body></html>
- jQuery(3)--实现注册表单中当用户名为空时,实现输入框边框变色
- jQuery实现用户注册的表单验证
- jQuery实现用户注册的表单验证
- 表单选择时变色jquery实现
- 用户注册表单实现
- 用表单实现用户注册
- jquery实现注册表单验证
- HTML 实现伪类之input输入框鼠标点击边框变色效果
- jQuery实现弹出窗口中切换登录与注册表单
- 使用js实现注册表单时自动检测输入信息
- form表单实现用户注册界面
- JQuery实现的登陆注册页面表单
- JQuery实现表单验证(注册页面)
- JQuery实现注册表单页面 4 代码
- jquery实现隔行变色
- jQuery实现隔行变色
- 隔行变色jquery 实现
- jQuery实现隔行变色
- 树莓派 关闭swap 文件
- 网络流与线性规划24题03最小路径覆盖问题
- redhat5下mysql5.5.28的安装与卸载
- 数据结构(C#)--递归和动态规划法实现斐波那契数列的方法
- Code Complete 变量名的力量
- jQuery(3)--实现注册表单中当用户名为空时,实现输入框边框变色
- 3-19java的日子
- 在什么时间更新站内文章最好呢
- jQuery设计思路与编程理念,j优雅js库的内部秘密
- 三个wiki平台的试用总结
- poj2492
- SNMP获取指定IP地址机器的进程数(要导入SNMP4J.jar和snmp.jar包)
- 数学类英文名词
- Java基础6(String str;与String str=null的区别)