欢迎光临
我们一直在努力

jQuery输入密码捂眼睛登录表单代码

一款款很有趣味的jQuery输入密码捂眼睛登录表单代码,当光标聚焦密码输入框的时候卡通人物做蒙眼动画效果。还有简单的登录验证弹出消息。

无触发密码:

m9hwY6.md_

触发密码:

m9RGyd

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>

 

赞(0)
未经允许不得转载:阿强爱分享 » jQuery输入密码捂眼睛登录表单代码

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    V少资源网到此一游。www.vszyw.top

    V少资源网2年前 (2019-08-14)回复
    • @V少资源网:。。。

      Aqiang2年前 (2019-08-14)回复