jquery实现用户登陆界面_CSS学习

当前位置：网站建设 > 技术支持

jquery实现用户登陆界面_CSS学习

资料来源：网络整理时间：2023/3/4 5:43:10 共计：3622 浏览

jquery实现用户登陆界面？

代码示例：

<!DOCTYPE html>

<html>

<head>

</head>

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("");

});

</script>

<style>

#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;

}

</style>

<body>

</dl>

</dl>

</div>

</div>

</form>

</div>

</body>

</html>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：怎样把歌词上传到全民K歌_CSS学习 | ·下一条：接私活必备的10个开源项目_CSS学习