添加检测信息

src/main/resources/static/js/addTask.js

@@ -402,4 +402,55 @@ showModal = function (id) {
     }
     $('#modal-default').modal('show');
 }
+
+showModalAlert = function () {
+    var name = $('#name').val();
+}
+
+
+checkNum = function (event) {
+    var num = event.target.value;
+    console.log(num)
+    if(!isNaN(num)&&num.length!=0){
+        console.log(event.target.parentElement.parentElement)
+        event.target.parentElement.parentElement.setAttribute("class","form-group has-success")
+        if(event.target.nextSibling!=null){
+            event.target.nextSibling.remove();
+        }
+    }else{
+        var newNode = document.createElement("span");
+        newNode.setAttribute("class","help-block")
+        newNode.innerHTML =" 请输入数字 ";
+        if(event.target.nextSibling!=null){
+            event.target.nextSibling.remove();
+        }
+        event.target.parentNode.insertBefore(newNode,event.target.nextSibling)
+
+        // if(event.target.nextSibling!=null){
+        // }else{
+        //     event.target.parentNode.insertBefore(newNode,event.target.nextSibling)
+        // }
+        event.target.parentElement.parentElement.setAttribute("class","form-group has-error")
+    }
+}
+
+checkNull = function (event) {
+    var num = event.target.value;
+    console.log(num)
+    if(num!=null&&num.length!=0){
+        console.log(event.target.parentElement.parentElement)
+        event.target.parentElement.parentElement.setAttribute("class","form-group has-success")
+        if(event.target.nextSibling!=null){
+            event.target.nextSibling.remove();
+        }
+    }else{
+        var newNode = document.createElement("span");
+        newNode.setAttribute("class","help-block")
+        newNode.innerHTML =" 请填写 ";
+        if(event.target.nextSibling==null){
+            event.target.parentNode.insertBefore(newNode,event.target.nextSibling)
+        }
+        event.target.parentElement.parentElement.setAttribute("class","form-group has-error")
+    }
+}
 /*]]>*/

src/main/resources/templates/addTask.html

@@ -142,14 +142,14 @@
                         <div class="form-group">
                             <label class="col-sm-2 control-label">名称</label>
                             <div class="col-sm-10">
-                                <input  class="form-control" id="name" placeholder="请输入任务名称"/>
+                                <input  onchange="checkNull(event)" class="form-control" id="name" placeholder="请输入任务名称"/>
                             </div>
                         </div>
                         <!-- textarea -->
                         <div class="form-group">
                             <label class="col-sm-2 control-label">描述</label>
                             <div class="col-sm-10">
-                                <textarea class="form-control" rows="3" placeholder="请输入描述信息"></textarea>
+                                <textarea onchange="checkNull(event)" class="form-control" rows="3" placeholder="请输入描述信息"></textarea>
                             </div>
                         </div>
 
@@ -196,28 +196,28 @@
                         <div class="form-group">
                             <label class="col-sm-2 control-label">报告总数</label>
                             <div class="col-sm-10">
-                                <input  type="text" class="form-control" placeholder="请输入报告总数"/>
+                                <input id="reportNum" onchange="checkNum(event)" type="text" class="form-control" placeholder="请输入报告总数"/>
                             </div>
                         </div>
                         <!-- text input -->
                         <div class="form-group">
                             <label class="col-sm-2 control-label">审核人数</label>
                             <div class="col-sm-10">
-                                <input type="text" class="form-control" placeholder="请输入审核人数"/>
+                                <input id="auditNum" onchange="checkNum(event)"  type="text" class="form-control" placeholder="请输入审核人数"/>
                             </div>
                         </div>
                         <!-- textarea -->
                         <div class="form-group">
                             <label class="col-sm-2 control-label">报告信息</label>
                             <div class="col-sm-10">
-                                <textarea class="form-control" rows="3" placeholder="请输入json格式的报告信息"></textarea>
+                                <textarea class="form-control" onchange="checkNull(event)" rows="3" placeholder="请输入json格式的报告信息"></textarea>
                             </div>
                         </div>
                         <!-- textarea -->
                         <div class="form-group">
                             <label class="col-sm-2 control-label">报告分配信息</label>
                             <div class="col-sm-10">
-                                <textarea class="form-control" rows="3" placeholder="请输入json格式的报告分配信息"></textarea>
+                                <textarea class="form-control" onchange="checkNull(event)" rows="3" placeholder="请输入json格式的报告分配信息"></textarea>
                             </div>
                         </div>
                     </form>
@@ -258,6 +258,31 @@
         <!-- /.modal-dialog -->
     </div>
     <!-- /.modal -->
+
+    <div class="modal fade" id="modal-alert">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span></button>
+                    <h4 class="modal-title">预览</h4>
+                </div>
+                <div class="modal-body" id="modalAlertBody">
+                    <form class="form-horizontal" id="formAlertBody">
+
+                    </form>
+
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
+                    <!--                    <button type="button" class="btn btn-primary"></button>-->
+                </div>
+            </div>
+            <!-- /.modal-content -->
+        </div>
+        <!-- /.modal-dialog -->
+    </div>
+    <!-- /.modal -->
 </div>