el-input 输入框 按输入框 输入数字 边框 变颜色

图片说明el-input 输入框 按输入框 输入数字 边框 变颜色 求解

首先:
在收缩压和舒张压控件上绑定一个onblur事件,就是鼠标移出事件了,不懂可以百度下
实例:

血压:
<input type="text" id="fname1" onblur="upperCase()" />
<input type="text" id="fname2" onblur="upperCase()" />

然后就是js控制,判断这个两个都不能为空,都不为空的时候就可以设置字体颜色了。

<script type="text/javascript">
function upperCase()
{
     var a=$("#fname1").val();
         var a=$("#fname2").val();
        if(a!=""&&b!=""){
            //然后就是判断值得范围,再设置字体颜色
                document.getElementById("fname1").style.color="red";

        }
}
</script>