弹窗输入验证

src/html/qcScore.html

@@ -186,8 +186,8 @@
             <!--<p><span>模块名称: </span><input type="text" value="${modelName}" /></p>-->
             <p><span>提示信息: </span><input id="qcMsg" class="ellipsis" type="text" title="${msg}" value="${msg}" /></p>
             <p><span style="margin-right: 8px">分值: </span> <input id="qcScore" type="text" value="${score}" /></p>
-            <p class="warning"><span></span><span class="red">支持≥0的数字输入，最多保留小数点后1位~</span></p>
             <p><span>备注: </span><input id="qcInfo" class="ellipsis" type="text" title="${explainInfo}" value="${explainInfo}" /></p>
+            <p class="warning"><span></span><span class="red">支持≥0的数字输入，最多保留小数点后1位~</span></p>
         </div>
     </script>
     <script type="text/html" id="flawDropTmpl">
@@ -205,8 +205,8 @@
             <!--<p><span>模块名称: </span><input type="text" value="${modelName}" /></p>-->
             <p><span style="margin-right: 16px;">提示信息:</span><input title="${msg}" class="ellipsis" id="addQcMsg" type="text" value="${msg}" /></p>
             <p><span>分值:</span> <input id="addQcScore" type="text" value="${score}" /></p>
-            <p class="warning"><span></span><span class="red">支持≥0的数字输入，最多保留小数点后1位~</span></p>
             <p><span style="margin-right: 16px;">备注:</span><input title="${explainInfo}" class="ellipsis" id="addQcInfo" type="text" value="${explainInfo}" /></p>
+            <p class="warning"><span></span><span class="red">支持≥0的数字输入，最多保留小数点后1位~</span></p>
         </div>
     </script>
     <!--<script type="text/html" id="flawTotalList">

src/js/qcScore.js

@@ -525,6 +525,7 @@ function showModal(flag,code,i){
       }else{
         $(".add-box .warning .red").text("支持≥0且≤100的数字输入，最多保留小数点后1位~");
         $(".add-box .warning").show();
+          return;
       }
     });
     //提示信息输入验证
@@ -536,8 +537,21 @@ function showModal(flag,code,i){
       }else{
         $(".add-box .warning .red").text("提示信息不能为空~");
         $(".add-box .warning").show();
+        return;
       }
     });
+    //提示信息输入验证
+    $("#addQcInfo").on("input",function(){
+        const val=$(this).val();
+        $(this).attr("title",val)
+        if(val.length>125){
+            $(".add-box .warning .red").text("备注不能超过125个字~");
+            $(".add-box .warning").show();
+        }else{
+            $(".add-box .warning").hide();
+            return;
+        }
+    });
     $("#delModal .confirm").click(function(){
       if(!$(".flaw-drop-input").attr("code")){
         $(".add-box .warning .red").text("请选择质控条目~");
@@ -547,9 +561,24 @@ function showModal(flag,code,i){
       const msg=$("#delModal #addQcMsg").val();
       const score=Number($("#delModal #addQcScore").val());
       const explainInfo=$("#delModal #addQcInfo").val();
-      // if($(".add-box .warning").is(":visible")||!msg.trim()||!score){
-      //   return;
-      // }
+      if($(".add-box .warning").is(":visible")){
+        return;
+      }
+      if(!msg.trim()){
+          $(".add-box .warning .red").text("提示信息不能为空~");
+          $(".add-box .warning").show();
+          return;
+      }
+      if((!score)&&$("#delModal #addQcScore").val()!='0'){
+          $(".add-box .warning .red").text("分值不能为空~");
+          $(".add-box .warning").show();
+          return;
+      }
+      if($("#addQcInfo").val().length>125){
+          $(".add-box .warning .red").text("备注不能超过125个字~");
+          $(".add-box .warning").show();
+          return;
+      }
       const obj = Object.assign({},global_selectedFlaw,{msg,score,explainInfo});
       addScore(obj);
     });