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

Question

解决了！！我已经更改了一点代码，我认为现在更正确了，现在我已将事件对象用于目标模糊的输入。

    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);

Answer 1

尝试这个：function checkLength(minLegth){&nbsp; &nbsp; if (inputHandler.blur) {&nbsp; &nbsp; &nbsp; if (inputHandler.value.length < minLegth){&nbsp; &nbsp; &nbsp; &nbsp; message.textContent = "tiene que tener al menos " + minLegth + " caracteres";&nbsp; &nbsp; &nbsp; &nbsp; inputHandler.style.borderColor = "red";&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; message.textContent = "";&nbsp; &nbsp; &nbsp; inputHandler.style.borderColor = "green";&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; if (inputListener.blur) {&nbsp; &nbsp; &nbsp; if (inputListener.value.length < minLegth){&nbsp; &nbsp; &nbsp; &nbsp; message.textContent = "tiene que tener al menos " + minLegth + " caracteres";&nbsp; &nbsp; &nbsp; &nbsp; inputListener.style.borderColor = "red";&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; &nbsp; message.textContent = "";&nbsp; &nbsp; &nbsp; &nbsp; inputListener.style.borderColor = "green";&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; else{}&nbsp; &nbsp; }