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

蓝咒 提交于 2020-10-02 03:31:35

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

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

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

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

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

225.png

分析问题

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

226.png

查询资料发现因为是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月创建并发展至今,从原有的单服务的流媒体服务器形式,扩展成现在的云平台架构的开源项目。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!