Layui密码框在浏览器中无法取消提示

最新推荐文章于 2022-09-16 14:50:53 发布

落羽927

最新推荐文章于 2022-09-16 14:50:53 发布

阅读量227

点赞数

文章标签： html jquery

本文链接：https://blog.csdn.net/qq_37887143/article/details/108768753

版权

<input type="hidden"  id="password" name="password" >
<input type="text"  id="passwordtext" name="passwordtext" autocomplete="off" onpaste="return false" class="layui-input" lay-verify="required" placeholder="请输入密码">

//密码提示
$(function(){
   $('#passwordtext').on('input', function() {
       if ($(this).prop('comStart'))return;
       var password = $("#password").val();
       var passwordtext = $("#passwordtext").val();
       if(length<$("#passwordtext").val().length){
           password = password + $("#passwordtext").val().substring(length,$("#passwordtext").val().length);
           $("#password").val(password);
           $("#passwordtext").val($("#passwordtext").val().substring(0,length)+"*");
       }else if(length>$("#passwordtext").val().length){
           $("#password").val(password.substring(0,password.length-1));
       }
       if($("#passwordtext").val().length==0){
           $("#password").val("");
       }
       length   = $("#passwordtext").val().length;
   }).on('compositionstart', function(){
       $(this).prop('comStart', true);
       layer.msg("检测到您输入法为中文，请切换后重新输入");
   }).on('compositionend', function(){
       $(this).prop('comStart', false);
       $("#password").val("");
       $("#passwordtext").val("");
   });
});