jq 登陆界面 php,jquery实现用户登陆界面技术解答

本文主要为大家带来一篇jquery实现用户登陆界面(示例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

实例如下所示：

var cnresu = false;

$(function(){

$("input[name='uname']").blur(function(){//blur从链接上移开焦点(鼠标离开框时)

var unamestr = $(this).val();

var regstr = /^[\u4e00-\u9fa5]{2,4}$/;

if(!regstr.test(unamestr)){

$(this).parent().next("dd").html("必须是2-4个汉字");

cnresu = false;

return;

}

cnresu = true;

});

$("input[name='uname']").focus(function(){//focus给予链接焦点(鼠标点中框时)

$(this).css("border","solid 1px #dddddd");

//$(this).val("");

$(this).parent().next("dd").html("");

});

});

#home{

width: 600px;

height: 300px;

margin: auto;

background-color: #7FFFD4;

}

#head{

padding-top: 20px;

height: 100px;

}

.dl1{

clear: both;

}

.dl1 dt{

float: left;

text-align: right;

width: 150px;

height: 30px;

line-height: 30px;

}

.dl1 dd{

float: left;

height: 30px;

line-height: 30px;

}

#foot{

text-align: center;

}

h1{

padding-top: 20px;

text-align: center;

color: bisque;

}

用户登陆

用户名 :

密码 :

运行截图

相关推荐：