为了账号安全,请及时绑定邮箱和手机立即绑定

检查同一功能中多个输入字段的长度不同

检查同一功能中多个输入字段的长度不同

德玛西亚99 2021-04-01 04:51:03
解决了!!我已经更改了一点代码,我认为现在更正确了,现在我已将事件对象用于目标模糊的输入。    var inputHandler = document.getElementsByTagName("input")[0];    var inputListener = document.getElementsByTagName("input")[1];    var msg = document.getElementById("message");    function checkLength(e, minLength){        el = e.target;        if (el.value.length < minLength) {            msg.textContent = "please, introduce at least " + minLength + " characters";            el.style.borderColor = "red";        }        else{            msg.textContent = "";            el.style.borderColor = "green";        }    }    inputHandler.onblur = function(e){checkLength(e, 3);};    inputListener.addEventListener("blur", function(e){checkLength(e, 5);}, false);
查看完整描述

1 回答

?
MM们

TA贡献1886条经验 获得超2个赞

尝试这个:


function checkLength(minLegth){

    if (inputHandler.blur) {

      if (inputHandler.value.length < minLegth){

        message.textContent = "tiene que tener al menos " + minLegth + " caracteres";

        inputHandler.style.borderColor = "red";

      }

      else{

      message.textContent = "";

      inputHandler.style.borderColor = "green";

      }

    }

    if (inputListener.blur) {

      if (inputListener.value.length < minLegth){

        message.textContent = "tiene que tener al menos " + minLegth + " caracteres";

        inputListener.style.borderColor = "red";

      }

      else{

        message.textContent = "";

        inputListener.style.borderColor = "green";

      }

    }

    else{}

    }


查看完整回答
反对 回复 2021-04-08
  • 1 回答
  • 0 关注
  • 151 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号