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

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

无触发密码:

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

触发密码:

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>

 

阿强爱分享
  • 本文由 发表于 2019年8月13日13:43:37
  • 转载请务必保留本文链接:https://iooqp.cn/467.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:2   其中:访客  2   博主  0
    • V少资源网 V少资源网 2

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