首页 > 解决方案 > 如何在 html 中找到用于数据验证的正则表达式匹配?

问题描述

有两个设置按钮,设置 1A 按钮用于启动项目,设置 2A 按钮用于关闭。当点击 set 2A 按钮时,它应该被禁用,直到它与正则表达式匹配。找到正则表达式

<tbody data-label-validation="(start|stop)-(ed|f|m|s|su|t|th|w|wd)-([1-9]|1[0-2])_([0-5][0-9])(?i)(am|pm)-(cst|est|mst|pst)">

正则表达式将从 api 中找到。现在 api url 返回状态正常然后找到正则表达式,否则它应该在未找到警报中说。[注意:当前我正在从本地主机而不是从服务器运行 api url]

API 网址:http://localhost:8080/setlabel/project/instance/oldvalue/newvalue

这是设置按钮的代码:

  <div class="btn-group btn-group-sm" role="group">
  <button data-name="{{.Name}}" data-zone="{{.Zone | baseUrl}}" data-set-action="start" type="button" class="btn btn-primary btn-sets" id="load" data-loading-text="<i class='fa fa-spinner fa-spin'></i> Processing">Set</button>
  </div>

这是设置按钮的javascript代码:

  <script>

  $('.btn-sets').on('click', function() {
  var $this = $(this);
   $this.button('loading');
    setTimeout(function() {
     $this.button('reset');
      }, 8000);
   });

 </script>

这是标签验证的代码:

   <tbody data-label-validation="{{labelValidation}}">
   {{range .Instances}}
   <tr>
   <td >{{.Name}}</th>
   <td>{{.Type | baseUrl}}</td>
   <td>{{.Zone | baseUrl}}</td>
   <td>
   {{template "startup.html" .}}
   </td>
   <td>
   {{template "startup.html" .}}
   </td>
   <td>
   <button type="button" class="btn {{.Status | statusButtonClass}} btn-circle" data-toggle="popover" data-placement="right" data-content="{{.Status}}" data-trigger="hover">      
   <!-- <i class="glyphicon glyphicon-ok"></i> -->
   </button>
   </td>
   <td>
   <h6>$0.00</h6>
    </td>
  </tr>
  {{end}}
  </tbody>

如何找到设置按钮应该被禁用,直到它与正则表达式匹配。找到正则表达式

<tbody data-label-validation="(start|stop)-(ed|f|m|s|su|t|th|w|wd)-([1-9]|1[0-2])_([0-5][0-9])(?i)(am|pm)-(cst|est|mst|pst)">

哪些值是从用户选择的值中导出的。

标签: javascriptjqueryhtmlcssapi

解决方案


推荐阅读