vue全局监控输入事件并进行验证

vue全局监控输入事件并进行验证

main.js中引入：

Vue.directive('filterInput', {

  bind(el) {
    let ele = el.tagName === 'INPUT' ? el : el.querySelector('input');

    ele.addEventListener('input', () => {
      let temp = ele.value;
      
      var pattern = new RegExp("[%!#$^&*=|{}';',\\[\\]<>！#￥……&*|{}【】‘；：”“'。，、？?]")
      if(temp.match(pattern)){
        temp = temp.replace(pattern,'');
      }
      ele.value = temp;

    }, true)
  }
});

页面中使用： v-filter-input

  <el-input v-filter-input class="dengLu" prefix-icon="el-icon-user"  placeholder="账号" clearable></el-input>