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月建立並行展至今，從原有的單服務的串流媒體伺服器形式，擴充套件成現在的雲平臺架構的開源專案。