Bladeren bron

完成填空题数据类型验证

keyuan 4 jaren geleden
bovenliggende
commit
d60614fa09

+ 2 - 2
src/main/webapp/WEB-INF/page/content/diaowen-design/answer-survey-m.jsp

@@ -201,13 +201,13 @@
 
 										 <c:choose>
 											 <c:when test="${en.checkType eq 'DATE'}">
-												 <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" readonly style="margin-top: 10px;"  >
+												 <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" readonly style="margin-top: 10px;" placeholder="请选择日期时间" >
 											 </c:when>
 											 <c:when test="${en.answerInputRow > 1 }">
 												 <textarea name="qu_${en.quType }_${en.id }" rows="${en.answerInputRow }" class="inputSytle_2 fillblankInput" style="margin-top: 10px;"  > ></textarea>
 											 </c:when>
 											 <c:otherwise>
-												 <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" style="margin-top: 10px;" >
+												 <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" style="margin-top: 10px;"  placeholder="请输入${(en.checkType eq null || en.checkType eq 'NO') ? '内容':en.checkType.name},为${en.isRequired eq  0?'选填':'必填'}"  >
 											 </c:otherwise>
 										 </c:choose>
 

+ 38 - 3
src/main/webapp/js/common/ans-m.js

@@ -154,6 +154,7 @@ $(document).ready(function(){
             var quType=quItemBody.find(".quType").val();
             var isRequired=quItemBody.find(".isRequired").val();
             var validateStatus=false;
+            var checkType = "";
             if(isRequired==="0"){
                 validateStatus = true;
                 return true;
@@ -173,7 +174,12 @@ $(document).ready(function(){
             }else if(quType==="CHECKBOX"){
                 validateStatus=quItemBody.find("input[type='checkbox']:checked")[0];
             }else if(quType==="FILLBLANK"){
-                validateStatus=quItemBody.find(".fillblankInput").val()!="";
+                var value = quItemBody.find(".fillblankInput").val();
+                validateStatus=value!="";
+                checkType = quItemBody.find(".checkType").val();
+                if(validateStatus){
+                    validateStatus = checkoutData(checkType, value);
+                }
             }else if(quType==="ORDERQU"){
                 //quItemBody.find(".quOrderByLeftUl label");
                 validateStatus=!quItemBody.find(".quOrderItemHidInput[value=0]")[0];
@@ -229,8 +235,37 @@ $(document).ready(function(){
         if(validateStatus){
             quItemBody.find(".errorItem").remove();
         }else{
-            if(isSubForm && !quItemBody.find(".errorItem")[0]){
+            if(isSubForm){
+                if(quItemBody.find(".errorItem")[0]){
+                    quItemBody.find(".errorItem").remove();
+                }
                 var errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请检查题目答案,为必答项!</label></div>";
+                if(checkType=="EMAIL"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入Email,为必答项!</label></div>";
+                }else if(checkType=="UNSTRCN"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入非中文字符,为必答项!</label></div>";
+                }else if(checkType=="STRCN"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入中文字符,为必答项!</label></div>";
+                }else if(checkType=="NUM"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入数字,为必答项!</label></div>";
+                }else if(checkType == "DIGITS"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入整数,为必答项!</label></div>";
+                }else if(checkType == "TELENUM"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入电话,为必答项!</label></div>";
+                }else if(checkType == "PHONENUM"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入手机,为必答项!</label></div>";
+                }else if(checkType == "TELE_PHONE_NUM"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入电话或手机,为必答项!</label></div>";
+                }else if(checkType == "DATE"){
+                    //2014-01-01 12:00:00
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入如:2014-01-01,为必答项!</label></div>";
+                }else if(checkType == "IDENTCODE"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入身份证号,为必答项!</label></div>";
+                }else if(checkType == "ZIPCODE"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入邮编,为必答项!</label></div>";
+                }else if(checkType == "URL"){
+                    errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入URL,为必答项!</label></div>";
+                }
                 quItemBody.find(".surveyQuItemContent").append(errorHtml);
             }
         }
@@ -309,7 +344,7 @@ $(document).ready(function(){
     //填空题
     $(".fillblankInput,.dwMFillblankInput,.dwChenMFillblankInput").blur(function(){
         lgcommon($(this));
-        validateCheck($(this).parents(".li_surveyQuItemBody"),false);
+        validateCheck($(this).parents(".li_surveyQuItemBody"),true);
     });
 
     function resetQuNum(){