html输入文字事件,移动端开发注册、登陆input常用事件(input输入文字触发事件)...

该博客详细介绍了移动端登录和注册页面中input输入框的常见事件处理,特别是密码显示与隐藏功能的实现。通过监听input事件,动态显示清除按钮,并提供了相应的点击事件来清空输入内容。此外,还涉及到了前端表单验证的基础操作。
摘要由CSDN通过智能技术生成
移动端开发注册、登陆input常用事件(input输入文字触发事件)

  注册

帐号

密码

验证码

genp_w_picpath?

忘记密码?

//

var $loginUsername = $("#login-username")

var $loginPassword = $("#login-password")

var $loginPwdToggle = $("#login-pwdToggle");

$loginPwdToggle.tap(function(){

//$(this).addClass("input-pwdToggle-show");

//alert("dd");

if($loginPassword.attr("type") == "text"){

$loginPassword.attr("type", "password");

$loginPwdToggle.removeClass("input-pwdToggle-show");

}else{

$loginPassword.attr("type", "text");

$loginPwdToggle.addClass("input-pwdToggle-show")

}

});

//

$loginUsername.on("input",function(){

$(this).siblings(".input-clearValue").css("display","block");

});

//

$loginPassword.on("input",function(){

$(this).siblings(".input-clearValue").css("display","block");

});

//

$(".input-clearValue").tap(function(){

$(this).siblings("input").val("");

$(this).css("display","none");

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值