RTMP/RTSP/GB28181协议视频平台授权页面开发中数字框输入字母BUG解决方法

TSINGSEE青犀视频全线产品都是需要商用授权使用的，通过加密机/加密狗/授权码实现永久授权后，才可以正常使用。

以往，都是需要用户获得授权之后，再通过我们激活授权，调配好之后，给到用户，用户才可以自由进行其他配置。为了简化这一套流程，我们团队研发出了新的授权平台，通过该授权平台，用户获得授权之后可以自己进行激活配置，不需要再经过我们的处理。

但是目前由于该授权平台正处于开发状态，系统稳定性有待提升，我们仍在内部测试阶段，在这个阶段就是修复问题、处理Bug的时期，本文和大家分享一下我们这段时间测试发现的错误。

授权前端页面输入框输入字母导致数据报错

我们在授权前端页面中的通道数中，理应是出现数字，但是输入字母“eee”仍可以正常判定，而获取数据结果是不正确的。

分析问题

排查发现不管是原生的input 还是elementui 中的input 加入type=“number”都可以输入eeee。

查询资料发现因为是e在数学上代表无理数，e是自然对数的底数，是一个无限不循环小数，其值是2.71828…，所以在输入e时，输入框认为是数字，给予其正常的判定流程。

解决问题

在input标签中加上onKeypress事件当输入e就监听替换掉。

  <el-form-item label="通道数:" prop="channels" v-if="ruleForm.product !== 'EasyDSS'">
      <input class="my-input" type="number" v-model.number="ruleForm.channels" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" />
    </el-form-item>

如果大家想详细了解视频监控可视化服务，可以联系我们咨询，除EasyNVR外，还有EasyGBS、EasyDSS、EasyCVR等解决方案，欢迎大家到TSINGSEE青犀视频进行了解或咨询！

EasyDarwin开源流媒体服务器，是由国内开源流媒体团队TSINGSEE青犀视频开发和维护的一款开源流媒体平台框架。从2012年12月创建并发展至今，从原有的单服务的流媒体服务器形式，扩展成现在的云平台架构的开源项目。

来源：oschina

链接：https://my.oschina.net/u/4265496/blog/4646538