我们都知道有的时候我们在登录或者注册一个账户的时候,有的会提示我们用户名格式不正确,或者密码不能为空或者低于多少位
高于多少位,不能包含汉字什么的一些条件,在这里我们是可以对输入的信息进行判断的,我们也可以自己通过JQuery自己来进行
一些条件的判断,自己就能可以做一个登录或者注册的东西.
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>用户名密码判断</title>
//首先我们要导入jQuery的工具包
<style>
//设置两个样式,一个是正确时显示的颜色,一个是错误的时候提示的颜色,可以让我们能区分一下,调节键是不是成立,
//要不要再次重新输入什么的
color:red;
}
.error{
color:green;
}
</style>
<script>
$(function(){
//用户名
//设置失焦状态,在失焦的时候对设置的条件进行判断,看条件是否成立,判断看用户名是否为空,如果用户名为空的话,就提示用户名为空
//然后返回,如果条件成立就在后面提示一个√号,表示条件成立,在错误的时候调用我们设置的错误的样式,也就是红色,在成立的时候,就调用
//成功的样式显示的绿色
var name=$(this).val();
if(name=="")
{
$("span:eq(0)").removeClass("right error");
$("span:eq(0)").html("用户名为空").addClass("right").show();
return false;
}
else
{
$("span:eq(0)&#