如何将文本框验证为指定模式答案

【问题标题】：How to validate textbox to a specified pattern如何将文本框验证为指定模式
【发布时间】：2020-10-04 14:16:02
【问题描述】：

我的以下代码运行良好，但我想验证文本框 TBMonday 以强制用户输入指定的模式。我如何使用 Javascript 来做到这一点（请我不想使用 input type='time'）

    <input type="text" id="TBMonday" size="7" placeholder="hh:mm-hh:mm" pattern="(2[0-4]|1[0-9]|[1- 
     9])\:(5[0-9]|4[0-9]|3[0-9]|2[0-9]|1[0-9]|[0-9])-(2[0-4]|1[0-9]|[1-9])\:(5[0-9]|4[0-9]|3[0- 
     9]|2[0-9]|1[0-9]|[0-9])" onKeyUp="TBMondayEl();">

    <input type="text" id="TBMonday2" size="7">

    <script>
     function TBMondayEl() 
     {
       document.getElementById('TBMonday2').value = document.getElementById('TBMonday').value;
     }
    </script>

【问题讨论】：

这能回答你的问题吗？ a way to check validity of HTML5 forms?

标签： javascript

【解决方案1】：

这是我最终编写代码的方式，它对我有用。

    <input type="text" id="TBMonday" size="7" placeholder="hh:mm-hh:mm" required 
     onblur="validateMon();" onKeyUp="TBMondayEl();">

    <input type="text" id="TBMonday2" size="7">


    <script>
     function validateMon(){
     var phoneNumber = document.getElementById('TBMonday').value;

     var phoneRGEX = /^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]-(0[0-9]|1[0-9]|2[0-3]):[0-5] 
     [0-9]$/;

     var phoneResult = phoneRGEX.test(phoneNumber);

      if(phoneResult == false)
      {
       document.getElementById('TBMonday').value = '';
       document.getElementById('TBMonday2').value = '';
       alert('Please enter TimeBelt in "HH:MM-HH:MM" format');
       return false;
        }

        return true;
        }




     <script>
      function TBMondayEl() 
        {
         document.getElementById('TBMonday2').value 
         document.getElementById('TBMonday').value;
         }
     </script>

【讨论】：