原生JS 限制input输入框只能是8位,少了不能提交表单,并且给出红框和红色文字提示,这个咋写呢?

后面提示都是次要的,主要是只能是8位,没填满不能提交表单,原生js没看懂咋写,有尽量简洁的语句吗?谢谢

我目前的思路是最大长度用input的maxlength,最小就用JavaScript,这样有什么问题没,还是直接JavaScript把长度固定死


input type="" name="" id="inputBox" value=""  onkeyup="countNum(this)" style="border:1px solid #000000;outline: none;"/>
    <script>
        function countNum(e){
            var value=$(e).val();
            if(value.length !== 8){
                document.getElementById('inputBox').style.borderColor = 'red'
            }else{
                document.getElementById('inputBox').style.borderColor = 'black'
            }
        }

    </script>

onBlur="countNum(this)" 是不是更好一点