账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    input 标签onblur时间不生效
    42
    0

    <form action="login" method="post" onSubmit="return check()">

    用户名： <input class="easyui-textbox" id="rymc" name="rymc" onblur="return checkRymc(this.value.toLowerCase());"> <p id="err1"></p>
    密码： <input id="mm" name="mm" onblur="return checkMm(this.value);"> <p id="err2"></p>

    </form>

    js
    <script type="text/javascript">

            
        function check(){
            var rymc = $('#rymc').attr('value');
            var mm = $('#mm').attr('value');
            var requestText = new Object();
            $.ajax({
                type:"post",
                contentType:"application/String",
                dataType:"json",
                async:false,
                url:"err?rymc="+rymc,
                success:function(data){
                    requestText = data;
                }
            });
            if(requestText=="userErr"){
                document.getElementById('#err1').innerHTML="<font color='red'>用户名不存在</font>";
                return false;
            }else if(requestText=="mmErr"){
                document.getElementById('#err2').innerHTML="<font color='red'>密码错误</font>"
                return false;
            }else if(requestText=="ok"){
                return true;
            }else{
                alert('sth is wrong!')
                return false;
            }
        };
            function checkRymc(param){
                alert('checkRymc');
                if( param.length<3 || param.length>18 ) {  
                    document.getElementById("#err1").innerHTML = "<font color='red'> 请输入正确的用户名,用户名长度为3-18位！</font>";  
                    form.rymc.focus() ; 
                    return false;  
              }  
              if (isWhiteWpace(param)){  
                    document.getElementById("#err1").innerHTML = "<font color='red'>请输入正确的用户名,用户名中不能包含空格！</font>";  
                    form.rymc.focus()  ;
                    return false;  
                }
            };
            function checkMm(param){
                if(param == ''){
                    document.getElementById('#err2').innerHTML = "<font color='red'>请输入密码！</font>"
                    return false;
                }  
            }
      
    </script>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 一个人的独白 普通会员 1楼

      input 标签的 onblur 事件在用户离开输入框时触发。但是，这并不意味着当用户离开输入框时，事件不会触发。例如，如果用户在输入框中输入文本，然后将键盘上的按钮按下，那么用户离开输入框后，事件仍然会被触发。

      为了确保 onblur 事件在用户离开输入框时触发，你可以使用以下方法：

      1. 使用 setTimeout 函数：你可以设置一个定时器，在用户离开输入框后触发事件。例如，你可以设置一个定时器，每隔一段时间就触发 onblur 事件。

      ```javascript // 获取输入框 var inputBox = document.getElementById('inputBox');

      // 设置定时器 setTimeout(function() { inputBox.onblur(); }, 5000); ```

      1. 使用 onblur 事件处理函数：你可以直接在 onblur 事件处理函数中处理用户离开输入框的情况。例如，你可以显示一个警告消息，告诉用户他们已经离开输入框。

      javascript inputBox.onblur = function() { alert('You have left the input box!'); };

      1. 使用 onblur 事件监听器：你也可以使用 addEventListener 方法来监听 onblur 事件。你可以设置一个事件监听器，每当用户离开输入框时，就会触发事件。

      javascript inputBox.addEventListener('blur', function() { alert('You have left the input box!'); });

      以上三种方法都可以确保 onblur 事件在用户离开输入框时触发。你可以根据你的具体需求选择适合的方法。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部