效果图如下:
源码如下:
<!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--下拉框的实现jquery--下拉框的实现
jQuery分步骤网站用户注册表单模板基于jquery-1.11.1.min.js制作,填写账户信息、验证账户信息、注册成功。
使用jquery-validate实现注册界面表单验证(源码)
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
jQuery实例-信息提示jQuery实现 jQuery实例-信息提示jQuery实现
《锋利的jquery》利用siblings(),attr()方法实现表单变色
一个关于用户注册的JQuery表单验证小项目。
jquery-form - jQuery表单生成插件 。
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...
jquery-validate验证输入框
这里包含jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css,我费了好长时间找到的,此东西可以配合jQuery UI开发指南一书使用。
JQuery插件,下拉选择输入框,实现效果为下拉选择输入框,在输入框中可以输入,辅助实现搜索功能,在下拉框中可以选择内容填充,并有两种填充方式,一种普通input赋值方式,一种是标签形式的内容填充,如csdn的添加...
jquery-1.11.0 + jquery-UI-1.10.4
jQuery实现输入框回车添加标签代码,可以在输入框输入关键词后回车键入标签,也可以选择预设的标签,选择后的标签会显示在输入框的上方,也可以删除,支持过滤重复标签。
使用jquery来实现用户注册表单验证html代码
jquery-ui-1.9.2.custom.min.js
jquery插件-表单验证 根据focus blur
jQuery-Validation-Engine-master 表单验证插件 简单好用,已经包含汉化
jQuery-ajax-json实现自动轮播图.rar
jquery插件jquery-ui-1.8.2.custom.min.js