zoukankan      html  css  js  c++  java
  • 获取焦点 失去焦点更改input输入框样式

    <el-input v-model="item.cargoCount" @focus="cleanVerify('数量',$event)"
                 @blur="verifyNumber(item.cargoCount,$event)" placeholder="请输入数量"/>

    //获取焦点是清空数据
    cleanVerify(val, event) {
    let input = event.currentTarget
    input.placeholder = "请输入" + val
    input.style.border = "1px solid #C0C4CC"
    },
    //失去焦点验证输入的是否为number类型的
    verifyNumber(val, event) {
    if (parseInt(val)) {
    this.warningInfo = ""
    } else {
    let input = event.currentTarget
    input.placeholder = "请输入数字"
    input.value = ""
    input.style.border = "1px solid #DC143C"
    }
    },
  • 相关阅读:
    基础面试
    三级联动
    数据库分裤分表操作
    缓存的三种方式
    php部分--session的三种用法
    css
    数组
    生成中国地区随机IP
    xml的读取
    React入门
  • 原文地址:https://www.cnblogs.com/qhantime/p/13527485.html
Copyright © 2011-2022 走看看