RTMP / RTSP / GB28181プロトコルビデオプラットフォームの認証ページの開発で、ナンバーボックスに文字を入力するバグの解決策

TSINGSEE Qingxi Videoのすべての製品ラインは、使用するための商用認証が必要であり、暗号化マシン/ドングル/認証コードを通じて永続的な認証が達成された後は通常使用できます。

従来は、ユーザーが権限を取得し、弊社で承認を行う必要があり、導入後はユーザーに付与され、ユーザーが自由に他の設定を行うことができました。この一連の手順を簡素化するために、私たちのチームは新しい承認プラットフォームを開発しました。これにより、ユーザーは、承認を得た後、それ以上の処理なしで自分をアクティブ化および構成できます。

ただし、承認プラットフォームは現在開発中であり、システムの安定性を改善する必要があるため、私たちはまだ内部テスト段階にあります。この段階では、問題を修正してバグを処理する期間です。この記事では、このテスト期間中に発見されたエラーについて説明します。

フロントエンドページの入力ボックスに文字を入力することを許可し、データエラーが発生する

承認フロントエンドページのチャネル数には数字が含まれているはずですが、「eee」の文字を入力しても正常に判断され、データの取得結果は正しくありません。

225.png

問題を分析する

調査の結果、それが元の入力であるかelementuiでの入力であるかに関係なく、type =“ number”を追加するとeeeeを入力できることがわかりました。

226.png

クエリデータは、eが数学の無理数を表すため、eは自然対数の底であり、無限の非繰り返し10進数であり、その値は2.71828 ...であるため、eを入力すると、入力ボックスは数値と見なされ、通常の判断が行われます。処理する。

問題を解く

入力eが監視および置換されるときに、onKeypressイベントを入力タグに追加します。

  <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などのソリューションもあります。TSINGSEEQingxi Videoへようこそ

EasyDarwinオープンソースストリーミングメディアサーバーは、国内のオープンソースストリーミングメディアチームTSINGSEE Qingxi Videoによって開発および保守されているオープンソースストリーミングメディアプラットフォームフレームワークです。2012年12月の設立と開発以来、元の単一サービスのストリーミングメディアサーバーフォームから、クラウドプラットフォームアーキテクチャの現在のオープンソースプロジェクトに拡大しています。

おすすめ

転載: blog.csdn.net/TsingSee/article/details/108746759