Quellcode durchsuchen

数字输入框限制

zhouna vor 5 Jahren
Ursprung
Commit
4d9dcfaeca
3 geänderte Dateien mit 18 neuen und 1 gelöschten Zeilen
  1. 8 0
      src/css/qcScore.less
  2. 1 0
      src/html/qcScore.html
  3. 9 1
      src/js/qcScore.js

+ 8 - 0
src/css/qcScore.less

@@ -224,6 +224,14 @@
 .edit-box{
   p{
     margin-bottom: 10px;
+    .red{
+      display: inline-block;
+      width: auto;
+      text-indent: 5px;
+    }
+  }
+  .warning{
+    display: none;
   }
   input{
     border:1px @borderColor solid;

+ 1 - 0
src/html/qcScore.html

@@ -154,6 +154,7 @@
             <!--<p><span>模块名称: </span><input type="text" value="${modelName}" /></p>-->
             <p><span>提示信息: </span><input id="qcMsg" type="text" value="${msg}" /></p>
             <p><span>质控分数: </span> <input id="qcScore" type="text" value="${score}" /></p>
+            <p class="warning"><span></span><span class="red">支持≥0的数字输入,最多保留小数点后1位~</span></p>
         </div>
     </script>
 </head>

+ 9 - 1
src/js/qcScore.js

@@ -12,7 +12,6 @@ $(function(){
   //getSubMenu();
   //initScoreItem();
   getRecordDetail();
-
 function initMenu(data){
   //菜单数据填充
   $("#subMenuTmpl").tmpl(data).appendTo("#subMenu");
@@ -144,10 +143,19 @@ function showModal(flag,code,i){
   $("#delModal .modal-body").html("");
   $("#delModal").show();
   $("#delModal .confirm").off("click");
+  $("#qcScore").off("input");
   const info = global_flawData[global_activeTab][i];
   if(flag==='0'){   //修改
     $("#delModal .title").text("修改评分");
     $("#editTmpl").tmpl(info).appendTo("#delModal .modal-body");
+    $("#qcScore").on("input",function(){
+      const val=$(this).val();
+      if(/^[0-9]\d*$|^[0-9]\d*(.\d)?$/.test(val)){
+        $(".edit-box .warning").hide();
+      }else{
+        $(".edit-box .warning").show();
+      }
+    });
     $("#delModal .confirm").click(function(){
       const obj = Object.assign({},info,{msg:$("#delModal #qcMsg").val(),score:$("#delModal #qcScore").val()});
       editScore(obj);