一款款很有趣味的jQuery输入密码捂眼睛登录表单代码,当光标聚焦密码输入框的时候卡通人物做蒙眼动画效果。还有简单的登录验证弹出消息。
无触发密码:
触发密码:
js代码如下
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
//眼睛 密码部分
$(".mima").focus(function() {
$(".music-lgin-left").addClass("left-dh").removeClass("rmleft-dh");
$(".music-lgin-right").addClass("right-dh").removeClass("right-rmdh");
$(".music-hand").addClass("no");
}).blur(function() {
$(".music-lgin-left").removeClass("left-dh").addClass("rmleft-dh");
$(".music-lgin-right").removeClass("right-dh").addClass("right-rmdh");
$(".music-hand").removeClass("no");
})
//点击小人出来
$(".inputname").focus(function() {
$(".music-lgin-all").addClass("block");
$(".music-news").addClass("no")
})
//点击小人消失
// $(".music-qd").focus(function(){
// $(".music-lgin-all").removeClass("block")
// })
//注册正则 简单判断
$('.music-qd').click(function(){
if(($('.inputname').val()=='')){
$(".music-news").html("请输入名称")
}else if(($('.mima').val()=='')){
$(".music-news").html("请输入密码")
$(".music-news").addClass("block")
}else{
alert('提交ajax')
}
})
</script>
V少资源网到此一游。www.vszyw.top
@V少资源网:。。。