ans-m.js 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107
  1. /**
  2. *
  3. * DWSurvey 3.0 中关于问卷设计Javascript
  4. *
  5. * @desc: design survey
  6. * @author: keyuan(@keyuan, keyuan258@gmail.com)
  7. * @github: https://github.com/wkeyuan/DWSurvey
  8. *
  9. * Copyright 2012, 2017 调问问卷(DWSurvey,http://dwsurvey.net)
  10. *
  11. */
  12. $(document).ready(function(){
  13. var ctx=$("#ctx").val();
  14. var sid = $.getUrlParam("sid");
  15. var surveyId = $.getUrlParam("surveyId");
  16. var tag = $.getUrlParam("tag");
  17. var ruleCode = $.getUrlParam("ruleCode");
  18. var wxCode = $.getUrlParam("code");
  19. $("#sid").val(sid);
  20. $("#id").val(surveyId);
  21. $("#tag").val(tag);
  22. $("#ruleCode").val(ruleCode);
  23. $("#wxCode").val(wxCode);
  24. if(tag!="" && (tag==="p" || tag==="s")){
  25. $("#preview_head_top").show();
  26. }else{
  27. $("#preview_head_top").remove();
  28. }
  29. querySurveyAll(function(){
  30. sww();
  31. if(!$("#preview_head_top")[0]){
  32. checkAnswerSurvey(sid);
  33. }
  34. wwwUpload();
  35. });
  36. });
  37. function sww(){
  38. var bfbFloat=0;
  39. $(document).ready(function(){
  40. $("#resultProgress").progressbar({value: bfbFloat,orientation: "vertical"});
  41. //分页设置 nextPage_a prevPage_a
  42. $(".nextPage_a").click(function(){
  43. if(validateForms()){
  44. var thParent=$(this).parent();
  45. var nextPageNo=thParent.find("input[name='nextPageNo']").val();
  46. // $(".li_surveyQuItemBody").hide();
  47. // $(".surveyQu_"+nextPageNo).fadeIn("slow");
  48. //$(window).scrollTop(10);
  49. var curPageNo = parseInt(nextPageNo)-1;
  50. $(".surveyQu_"+curPageNo).hide();
  51. var nextPageQus = $(".surveyQu_"+nextPageNo);
  52. $.each(nextPageQus,function(){
  53. var quItemBody = $(this);
  54. var itemBodyClass = quItemBody.attr("class");
  55. var quType = quItemBody.find(".quType").val();
  56. if(quType==="PAGETAG" || quType==="submitSurveyBtn"){
  57. quItemBody.show();
  58. }
  59. if(itemBodyClass.indexOf("hidFor")<0){
  60. quItemBody.show();
  61. }
  62. });
  63. var nextPageItems = $(".surveyQu_"+nextPageNo+":visible");
  64. if(nextPageItems[0]&&nextPageItems.size()<=1){
  65. $(nextPageItems[0]).find(".nextPage_a").click();
  66. }
  67. $("html,body").animate({scrollTop:10},500);
  68. }
  69. return false;
  70. });
  71. $(".prevPage_a").click(function(){
  72. var thParent=$(this).parent();
  73. var prevPageNo=thParent.find("input[name='prevPageNo']").val();
  74. // $(".li_surveyQuItemBody").hide();
  75. // $(".surveyQu_"+prevPageNo).fadeIn("slow");
  76. var curPageNo = parseInt(prevPageNo)+1;
  77. $(".surveyQu_"+curPageNo).hide();
  78. var prevPageQus = $(".surveyQu_"+prevPageNo);
  79. $.each(prevPageQus,function(){
  80. var quItemBody = $(this);
  81. var itemBodyClass = quItemBody.attr("class");
  82. //alert(itemBodyClass.indexOf("hidFor"));
  83. var quType = quItemBody.find(".quType").val();
  84. if(quType==="PAGETAG"){
  85. quItemBody.show();
  86. }
  87. if(itemBodyClass.indexOf("hidFor")<0){
  88. quItemBody.show();
  89. }
  90. });
  91. $(window).scrollTop(10);
  92. return false;
  93. });
  94. /**排序题*/
  95. $(".m_clickQuOrderItem").click(function(){
  96. var visibleOrderbyNum=$(this).parents(".surveyQuItem").find(".m_orderby_num:visible");
  97. var thOrderbyNum=$(this).find(".m_orderby_num");
  98. if($(this).find(".m_orderby_num:visible")[0]){
  99. }else{
  100. var thNum=0;
  101. $(this).append("<select class='m_orderby_sel' > </select>");
  102. var mOrderbySel=$(this).find(".m_orderby_sel");
  103. var quOrderItems=$(this).parents(".surveyQuItem").find(".m_clickQuOrderItem");
  104. $.each(quOrderItems,function(i,item){
  105. mOrderbySel.append("<option value='"+(i+1)+"'>移至排序"+(i+1)+"</option>");
  106. var targetHid=$(this).parents(".ui-controlgroup-controls ").find(".quOrderItemHidInput[value='"+(i+1)+"']");
  107. if(!targetHid[0] && thNum===0){
  108. thNum=(i+1);
  109. }
  110. });
  111. thOrderbyNum.text(thNum);
  112. thOrderbyNum.show();
  113. mOrderbySel.val(thNum)
  114. $(this).find(".quOrderItemHidInput").val(thNum);
  115. }
  116. bindEvent();
  117. runlogic($(this));
  118. validateCheck($(this).parents(".li_surveyQuItemBody"),false);
  119. answerProgressbar($(this));
  120. return false;
  121. });
  122. function bindEvent(){
  123. $(".m_orderby_sel").unbind();
  124. $(".m_orderby_sel").change(function(){
  125. //交换个排
  126. var thOrderbyItem=$(this).parents(".m_clickQuOrderItem");
  127. var thOrderByNum=thOrderbyItem.find(".quOrderItemHidInput").val();
  128. var thChangeNum=$(this).val();
  129. var targetHid=$(this).parents(".ui-controlgroup-controls ").find(".quOrderItemHidInput[value='"+thChangeNum+"']");
  130. if(targetHid[0]){
  131. var targetOrderbyItem=targetHid.parents(".m_clickQuOrderItem");
  132. targetOrderbyItem.find(".m_orderby_num").text(thOrderByNum);
  133. targetOrderbyItem.find(".quOrderItemHidInput").val(thOrderByNum);
  134. targetOrderbyItem.find(".m_orderby_sel").val(thOrderByNum);
  135. }
  136. thOrderbyItem.find(".m_orderby_num").text(thChangeNum);
  137. thOrderbyItem.find(".quOrderItemHidInput").val(thChangeNum);
  138. thOrderbyItem.find(".m_orderby_sel").val(thChangeNum);
  139. });
  140. }
  141. /**评分题*/
  142. $(".starRating .fa").hover(function(){
  143. var prevAll=$(this).prevAll();
  144. prevAll.removeClass("fa-star-o");
  145. prevAll.addClass("fa-star");
  146. $(this).removeClass("fa-star-o");
  147. $(this).addClass("fa-star");
  148. },function(){
  149. var scoreRow=$(this).parents(".scoreRow");
  150. var starNum=scoreRow.find(".scoreNumInput").val();
  151. if(starNum==""&&starNum<=0){
  152. var thParent=$(this).parent();
  153. var fas=thParent.find(".fa");
  154. fas.removeClass("fa-star");
  155. fas.addClass("fa-star-o");
  156. }
  157. });
  158. $(".starRating .fa").click(function(){
  159. var thParent=$(this).parent();
  160. var fas=thParent.find(".fa");
  161. fas.removeClass("fa-star");
  162. fas.addClass("fa-star-o");
  163. var prevAll=$(this).prevAll();
  164. prevAll.removeClass("fa-star-o");
  165. prevAll.addClass("fa-star");
  166. $(this).removeClass("fa-star-o");
  167. $(this).addClass("fa-star");
  168. var scoreRow=$(this).parents(".scoreRow");
  169. var starNum=0;
  170. if(prevAll[0]){
  171. starNum=prevAll.size();
  172. }
  173. scoreRow.find(".scoreNumInput").val(starNum+1);
  174. runlogic($(this));
  175. validateCheck($(this).parents(".li_surveyQuItemBody"),false);
  176. answerProgressbar($(this));
  177. return false;
  178. });
  179. //表单验证
  180. /**初始化表单骓证配置**/
  181. function validateForms(){
  182. var result=true;
  183. var surveyQuItemBodys=$(".li_surveyQuItemBody");
  184. var firstError=null;
  185. $.each(surveyQuItemBodys,function(){
  186. var quItemBody=$(this);
  187. if(!validateCheck(quItemBody,true)){
  188. //定位到这题
  189. if(firstError==null){
  190. firstError=quItemBody;
  191. }
  192. result=false;
  193. }
  194. });
  195. if(firstError!=null){
  196. $(window).scrollTop(firstError.offset().top);
  197. }
  198. if($("#jcaptchaImgBody").is(":visible")){
  199. var jcaptchaInput = $("input[name='jcaptchaInput']").val();
  200. if(jcaptchaInput===""){
  201. $("#jcaptchaImgBody .errorItem").show();
  202. result = false;
  203. }else{
  204. $("#jcaptchaImgBody .errorItem").hide();
  205. }
  206. }
  207. return result;
  208. }
  209. function checkoutData(checkType, value) {
  210. var validateStatus = true;
  211. if(value.length<=0){
  212. validateStatus = false;
  213. }
  214. if (checkType == "NO") {
  215. if(value.length<=0){
  216. validateStatus = false;
  217. }
  218. }else if (checkType == "EMAIL") {
  219. var __email = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
  220. if (!__email.test(value)) {
  221. validateStatus = false;
  222. }
  223. } else if (checkType == "UNSTRCN") {
  224. var __cn = /^[\u3220-\uFA29]+$/;
  225. if (__cn.test(value)) {
  226. validateStatus = false;
  227. }
  228. } else if (checkType == "STRCN") {
  229. var __cn = /^[\u3220-\uFA29]+$/;
  230. if (!__cn.test(value)) {
  231. validateStatus = false;
  232. }
  233. } else if (checkType == "NUM") {
  234. // "number[/[+|-][int|integer|float|double|money|{位数正则}.{位数正则}]]"
  235. // var __regex = /^\d+(\.\d+)?$/;
  236. var __regex = /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/;
  237. if (!__regex.test(value)) {
  238. validateStatus = false;
  239. }
  240. } else if (checkType == "DIGITS") {
  241. var __regex = /^\d+$/;
  242. if (!__regex.test(value)) {
  243. validateStatus = false;
  244. }
  245. } else if (checkType == "TELENUM") {
  246. var tel = /^\d{3,4}-{1}\d{7,9}-?\d{1,6}$/;
  247. var tel400800 = /^(400{1}-?[0-9]{3}-?[0-9]{4})|(800{1}-?[0-9]{3}-?[0-9]{4})$/
  248. if (!(tel.test(value) || tel400800.test(value))) {
  249. validateStatus = false;
  250. }
  251. } else if (checkType == "PHONENUM") {
  252. var length = value.length;
  253. var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
  254. if (!(length == 11 && mobile.test(value))) {
  255. validateStatus = false;
  256. }
  257. } else if (checkType == "TELE_PHONE_NUM") {
  258. var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
  259. var tel = /^\d{3,4}-{1}\d{7,9}-?\d{1,6}$/;
  260. var tel400800 = /^(400{1}-?[0-9]{3}-?[0-9]{4})|(800{1}-?[0-9]{3}-?[0-9]{4})$/
  261. if (!(tel400800.test(value) || tel.test(value) || mobile.test(value))) {
  262. validateStatus = false;
  263. }
  264. } else if (checkType == "DATE") {
  265. //日期的正则表达式
  266. /*var reg1 = /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;//2014-01-01
  267. var regExp1 = new RegExp(reg1);
  268. var reg2 = /^(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d$/;//12:00:00
  269. var regExp2 = new RegExp(reg2);
  270. var reg3 = /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])\s+(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d$/;//2014-01-01 12:00:00
  271. var regExp3 = new RegExp(reg3);
  272. if(!(regExp1.test(value) || regExp3.test(value))){
  273. // alert("日期格式不正确,正确格式为:2014-01-01");
  274. errorType = "DATE";
  275. validateStatus = false;
  276. }*/
  277. if (/Invalid|NaN/.test(new Date(value).toString())) {
  278. validateStatus = false;
  279. }
  280. } else if (checkType == "IDENTCODE") {
  281. var check = /^\d{15}|(\d{17}(\d|x|X))$/.test(value);
  282. if (!(check && (value.length == 15 || value.length == 18))) {
  283. validateStatus = false;
  284. }
  285. } else if (checkType == "ZIPCODE") {
  286. var tel = /^[0-9]{6}$/;
  287. if (!tel.test(value)) {
  288. validateStatus = false;
  289. }
  290. } else if (checkType == "URL"){
  291. var strRegex = /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?#]\S*)?$/i;
  292. if (!strRegex.test(value)) {
  293. validateStatus = false;
  294. }
  295. }
  296. return validateStatus;
  297. }
  298. $(".submitSurvey").click(function(){
  299. var btnId = $(this).attr("id");
  300. if(validateForms()){
  301. var thTxt = $(this).val();
  302. if($("#preview_head_top")[0]){
  303. alert("预览模式不可提交!");
  304. return false;
  305. }
  306. if(thTxt==="提交"){
  307. //$(".submitSurvey").parent("div").css({"background-color": "red"});
  308. $('.submitSurvey').attr('disabled',"");
  309. $(".submitSurvey").val("正在提交");
  310. setTimeout(function(){
  311. //$(".submitSurvey").parent("div").css({"background-color": "#373737"});
  312. $('.submitSurvey').removeAttr("disabled");
  313. $('.submitSurvey').val("提交");
  314. },5000);
  315. if(btnId=="previewSubmitSurvey"){
  316. alert("当前为预览模式,不能提交答卷!");
  317. }else{
  318. $("#surveyForm").submit();
  319. }
  320. }else{
  321. alert("5秒内禁止重复提交!");
  322. }
  323. }
  324. return false;
  325. });
  326. var focusFbk=null;
  327. //绑定操作事件
  328. //绑定操作事件
  329. $("#dwSurveyQuContent .dwQuOptionItemContent").unbind();
  330. $("#dwSurveyQuContent .dwQuOptionItemContent").click(function(){
  331. if(focusFbk!=null){
  332. focusFbk.blur();
  333. }
  334. clickItem($(this));
  335. // runlogic($(this).parents(".li_surveyQuItemBody"),$(this));
  336. answerProgressbar($(this));
  337. validateCheck($(this).parents(".li_surveyQuItemBody"),false);
  338. return false;
  339. });
  340. function clickItem(thObj){
  341. var quItemBody=thObj.parents(".li_surveyQuItemBody");
  342. var quType=quItemBody.find(".quType").val();
  343. var dwQuInputLabel=thObj.find(".dwQuInputLabel");
  344. if("RADIO"===quType){
  345. quItemBody.find(".dwQuInputLabel").removeClass("checked");
  346. quItemBody.find("input[type='radio']").prop("checked",false);
  347. thObj.find("input[type='radio']").prop("checked",true);
  348. dwQuInputLabel.addClass("checked");
  349. quItemBody.find(".dwQuOptionItemContent").removeClass("active");
  350. thObj.addClass("active");
  351. runlogic(thObj.find("input[type='radio']"));
  352. }else if("CHECKBOX"===quType){
  353. var thCheckbox = thObj.find("input[type='checkbox']");
  354. if(thCheckbox.prop("checked")){
  355. thObj.find("input[type='checkbox']").prop("checked",false);
  356. dwQuInputLabel.removeClass("checked");
  357. thObj.removeClass("active");
  358. }else{
  359. thObj.find("input[type='checkbox']").prop("checked",true);
  360. dwQuInputLabel.addClass("checked");
  361. thObj.addClass("active");
  362. }
  363. var checkeds = quItemBody.find("input[type='checkbox']:checked");
  364. var paramInt02 = quItemBody.find(".paramInt02").val();
  365. if(paramInt02>0){
  366. if(checkeds[0]&&checkeds.size()>paramInt02){
  367. dwQuInputLabel.removeClass("checked");
  368. thObj.find("input[type='checkbox']").prop("checked",false);
  369. thObj.removeClass("active");
  370. alert("最多只支持选择"+paramInt02+"项内容!");
  371. return false;
  372. }
  373. }
  374. runlogic(thObj.find("input[type='checkbox']"));
  375. }else if("MULTIFILLBLANK"===quType){
  376. var chenRow=thObj.parents(".mFillblankTableTr");
  377. chenRow.find(".dwQuInputLabel").removeClass("checked");
  378. chenRow.find("input[type='radio']").prop("checked",false);
  379. thObj.find("input[type='radio']").prop("checked",true);
  380. dwQuInputLabel.addClass("checked");
  381. }else if("SCALE"===quType){
  382. //单选题
  383. quItemBody.find(".inputchecked").removeClass("inputchecked");
  384. quItemBody.find("input[type='radio']").prop("checked",false);
  385. thObj.find("input[type='radio']").prop("checked",true);
  386. thObj.addClass("inputchecked");
  387. runlogic(thObj.find("input[type='radio']"));
  388. }
  389. }
  390. $(".radioSelect").change(function(){
  391. if(focusFbk!=null){
  392. focusFbk.blur();
  393. }
  394. var thVal = $(this).val();
  395. var thName = $(this).attr("name");
  396. var quCoItemUlLi = $(this).parents("li.quCoItemUlLi");
  397. var quItemInputCase= quCoItemUlLi.find(".quItemInputCase[itemid='"+thVal+"']");
  398. var isNote = quItemInputCase.find(".isNote").val();
  399. if(isNote=="1"){
  400. quCoItemUlLi.find(".dwQuOptionItemNote").hide();
  401. var dwQuOptionItemNote = quCoItemUlLi.find(".dwQuOptionItemNote[name='text_"+thName+"_"+thVal+"']");
  402. dwQuOptionItemNote.show();
  403. }else{
  404. quCoItemUlLi.find(".dwQuOptionItemNote").hide();
  405. }
  406. var thObj = $(this);
  407. var quItemBody = $(this).parents(".li_surveyQuItemBody");
  408. answerProgressbar(thObj);
  409. validateCheck(quItemBody,false);
  410. return false;
  411. });
  412. $(".fillblankInput,.dwMFillblankInput").focus(function(){
  413. focusFbk = $(this);
  414. return false;
  415. });
  416. //填空题
  417. $(".fillblankInput,.dwMFillblankInput").blur(function(){
  418. //$(this).css("borderColor","#D6D6FF");
  419. runlogic($(this));
  420. answerProgressbar($(this));
  421. // validateCheck($(this).parents(".li_surveyQuItemBody"),true);
  422. var thVal=$(this).val();
  423. if(!$(this).hasClass("dateSelector") || thVal!=""){
  424. validateCheck($(this).parents(".li_surveyQuItemBody"),true);
  425. }
  426. focusFbk = null;
  427. });
  428. function resetQuNum(){
  429. var quTitleNums=$(".quTitleNum");
  430. $.each(quTitleNums,function(i,item){
  431. $(this).text((i+1)+"、")
  432. });
  433. }
  434. // resetQuNum();
  435. resetQuNumLogic();
  436. function resetQuNumLogic(){
  437. var surveyQuItemBodys = $(".li_surveyQuItemBody");
  438. var quIndex = 1;
  439. $.each(surveyQuItemBodys,function(i,item){
  440. var thClass = $(this).attr("class");
  441. // var quCoNum = $(this).find(".quCoNum");
  442. var quCoNum = $(this).find(".quTitleNum");
  443. // console.debug(thClass+":"+thClass.indexOf("hidFor"));
  444. if(thClass.indexOf("hidFor")<0 && quCoNum[0]){
  445. quCoNum.html((quIndex++)+"、");
  446. }
  447. });
  448. }
  449. //处理标题因有p标签影响题目序号换行的问题
  450. var quTitleNums=$(".quTitleNum");
  451. $.each(quTitleNums,function(){
  452. var nextObj=$(this).next();
  453. if(nextObj[0]){
  454. var childrens=nextObj.children();
  455. if(childrens[0]){
  456. var firstChildren=childrens.first();
  457. if(firstChildren.is("p")){
  458. $(this).prependTo(firstChildren);
  459. }
  460. }
  461. }
  462. });
  463. /******************************处理题目逻辑设置 **************************************/
  464. //处理题目逻辑设置
  465. /** 答题触发事件 **/
  466. //初始化 处理默认逻辑跳转为显示,则先隐藏元素
  467. var quLogics=$("#dwSurveyQuContent .quLogicItem");
  468. $.each(quLogics,function(){
  469. var loginItem=$(this);
  470. var cgQuItemId=loginItem.find(".cgQuItemId").val();
  471. var skQuId=loginItem.find(".skQuId").val();
  472. var logicId=loginItem.find(".logicId").val();
  473. var logicType=loginItem.find(".logicType").val();
  474. if(logicType==="2"){
  475. //逻辑类型为“显示”2 则初始化为隐藏
  476. var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
  477. hidQuItemBody.hide();
  478. hidQuItemBody.addClass("hidFor"+logicId);
  479. hidQuItemBody.find(".answerTag").attr("disabled",true);
  480. }
  481. });
  482. function runlogic(thFormElementObj){
  483. var quItemBody=thFormElementObj.parents(".li_surveyQuItemBody");
  484. var quLogicItems=quItemBody.find(".quLogicItem");
  485. if(quLogicItems[0]){
  486. var quInputCase=quItemBody.find(".quInputCase");
  487. var quId=quInputCase.find(".quId").val();
  488. var quType=quInputCase.find(".quType").val();
  489. if(quType==="RADIO" || quType==="CHECKBOX"){
  490. var quLgoicItem=null;
  491. var quOptionItems=quItemBody.find(".dwQuOptionItemContent");
  492. $.each(quLogicItems,function(){
  493. var loginItem=$(this);
  494. var cgQuItemId=loginItem.find(".cgQuItemId").val();
  495. var skQuId=loginItem.find(".skQuId").val();
  496. var logicId=loginItem.find(".logicId").val();
  497. var logicType=loginItem.find(".logicType").val();
  498. //过滤优先级
  499. var isbreak=false;
  500. $.each(quOptionItems,function(){
  501. var quCoItem=$(this);
  502. var quInput=null;
  503. var logicStatus=false;
  504. var curQuItemId=null;
  505. if(quType==="RADIO"){
  506. quInput=quCoItem.find("input[type='radio']");
  507. logicStatus=quInput.prop("checked");
  508. curQuItemId=quInput.val();
  509. }else if(quType==="CHECKBOX"){
  510. quInput=quCoItem.find("input[type='checkbox']");
  511. logicStatus=quInput.prop("checked");
  512. curQuItemId=quInput.val();
  513. }
  514. if(curQuItemId===cgQuItemId){
  515. if(logicType==="1"){
  516. if(logicStatus){
  517. skQuestion(quItemBody.next(),skQuId,logicId,function(){
  518. //重新编题号
  519. });
  520. if(skQuId==="1" || skQuId==="2" ){
  521. isbreak=true;
  522. }
  523. }else{
  524. var hidQuItemBodys=$(".hidFor"+logicId);
  525. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  526. var curPageNo = quItemBody.find(".pageNo").val();
  527. $.each(hidQuItemBodys,function(){
  528. var thQuItemBodyClass=$(this).attr("class");
  529. var thPageNo = $(this).find(".pageNo").val();
  530. if(thQuItemBodyClass.indexOf("hidFor")<0 && thPageNo==curPageNo){
  531. $(this).show();
  532. //$(".hidFor"+loginId).fadeIn();
  533. //回答标记与逻辑设置没有关系
  534. $(this).find(".answerTag").attr("disabled",false);
  535. }
  536. });
  537. }
  538. }else{
  539. if(logicStatus){
  540. var hidQuItemBodys=$(".hidFor"+logicId);
  541. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  542. var curPageNo = quItemBody.find(".pageNo").val();
  543. $.each(hidQuItemBodys,function(){
  544. var hidQuItemBody = $(this);
  545. var hidQuId = $(this).find(".quId").val();
  546. if(quType=="CHECKBOX" || quType=="RADIO"){
  547. $.each(quLogicItems,function() {
  548. var thLoginItem = $(this);
  549. var thSkQuId = thLoginItem.find(".skQuId").val();
  550. var thLogicType = thLoginItem.find(".logicType").val();
  551. var thLogicId=thLoginItem.find(".logicId").val();
  552. var logicHidForClass = "hidFor"+thLogicId;
  553. // console.debug(logicHidForClass);
  554. if(thLogicType==="2" && thSkQuId===hidQuId){
  555. hidQuItemBody.removeClass(logicHidForClass);
  556. }
  557. });
  558. }
  559. var thQuItemBodyClass=$(this).attr("class");
  560. var thPageNo = $(this).find(".pageNo").val();
  561. if(thQuItemBodyClass.indexOf("hidFor")<0 && thPageNo==curPageNo){
  562. $(this).show();
  563. $(this).find(".answerTag").attr("disabled",false);
  564. }
  565. });
  566. }else{
  567. /* 隐藏题
  568. */
  569. var isHide = true;
  570. if(quType=="CHECKBOX" || quType=="RADIO"){
  571. //先判断有没有逻辑已经触发了
  572. $.each(quLogicItems,function() {
  573. var thLoginItem = $(this);
  574. var thCgQuItemId=thLoginItem.find(".cgQuItemId").val();
  575. var thSkQuId = thLoginItem.find(".skQuId").val();
  576. var thLogicType = thLoginItem.find(".logicType").val();
  577. var thLogicId=thLoginItem.find(".logicId").val();
  578. if( thLogicType==="2" && thSkQuId === skQuId ){
  579. var thCgQuOptionItem=quItemBody.find(".dwQuOptionItemContent input[type='checkbox'][value='"+thCgQuItemId+"'],.dwQuOptionItemContent input[type='radio'][value='"+thCgQuItemId+"']");
  580. var thCgQuOptionStatus=thCgQuOptionItem.prop("checked");
  581. if(thCgQuOptionStatus){
  582. isHide = false;
  583. return false;
  584. }
  585. }
  586. });
  587. }
  588. if(isHide){
  589. var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
  590. hidQuItemBody.hide();
  591. hidQuItemBody.addClass("hidFor"+logicId);
  592. hidQuItemBody.find(".answerTag").attr("disabled",true);
  593. }
  594. }
  595. }
  596. return false;
  597. }
  598. });
  599. if(isbreak){
  600. return false;
  601. }
  602. });
  603. }else if(quType==="FILLBLANK"){
  604. //遍历每个逻辑设置
  605. var quOptionItems=quItemBody.find(".dwQuOptionItemContent");
  606. var thVal=thFormElementObj.val();
  607. $.each(quLogicItems,function(){
  608. var loginItem=$(this);
  609. var cgQuItemId=loginItem.find(".cgQuItemId").val();
  610. var skQuId=loginItem.find(".skQuId").val();
  611. var logicId=loginItem.find(".logicId").val();
  612. var logicType=loginItem.find(".logicType").val();
  613. if(logicType==="1"){
  614. //跳转
  615. if(thVal!=""){
  616. //逻辑选项被选中状态,激活状态
  617. skQuestion(quItemBody.next(),skQuId,logicId,function(){
  618. //重新编题号
  619. });
  620. if(skQuId==="1" || skQuId==="2" ){
  621. isbreak=true;
  622. }
  623. }else{
  624. //逻辑选项未被选中状态,未激活
  625. //$(".hidFor"+loginId).slideDown("slow");
  626. var hidQuItemBodys=$(".hidFor"+logicId);
  627. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  628. var curPageNo = quItemBody.find(".pageNo").val();
  629. $.each(hidQuItemBodys,function(){
  630. var thQuItemBodyClass=$(this).attr("class");
  631. var thPageNo = $(this).find(".pageNo").val();
  632. if(thQuItemBodyClass.indexOf("hidFor")<0 && thPageNo==curPageNo){
  633. $(this).show();
  634. //$(".hidFor"+loginId).fadeIn();
  635. //回答标记与逻辑设置没有关系
  636. $(this).find(".answerTag").attr("disabled",false);
  637. }
  638. });
  639. }
  640. }else{
  641. //显示
  642. //逻辑类型为“显示” quType=1
  643. if(thVal!=""){
  644. //逻辑选项被选中状态,激活状态 显示题
  645. var hidQuItemBodys=$(".hidFor"+logicId);
  646. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  647. var curPageNo = quItemBody.find(".pageNo").val();
  648. $.each(hidQuItemBodys,function(){
  649. var thQuItemBodyClass=$(this).attr("class");
  650. var thPageNo = $(this).find(".pageNo").val();
  651. if(thQuItemBodyClass.indexOf("hidFor")<0 && thPageNo==curPageNo){
  652. $(this).show();
  653. $(this).find(".answerTag").attr("disabled",false);
  654. }
  655. });
  656. }else{
  657. /* 隐藏题
  658. */
  659. var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
  660. hidQuItemBody.hide();
  661. hidQuItemBody.addClass("hidFor"+logicId);
  662. hidQuItemBody.find(".answerTag").attr("disabled",true);
  663. }
  664. }
  665. });
  666. }
  667. resetQuNumLogic();
  668. }
  669. }
  670. resetQuNumLogic();
  671. function skQuestion(nextQuItemBody,skQuId,logicId,callback){
  672. if(nextQuItemBody[0]){
  673. //submitSurveyBtn
  674. var nextQuType=nextQuItemBody.find(".quType").val();
  675. var nextQuId=nextQuItemBody.find(".quId").val();
  676. var nextAnswerTag=nextQuItemBody.find(".answerTag");
  677. //如果是新一页则显示当前页所有题
  678. if(nextQuType=="PAGETAG"){
  679. if(validateForms()) {
  680. nextQuItemBody.find(".nextPage_a").click();
  681. }
  682. }
  683. //var quType=quItemBody.find(".quType").val();
  684. //var quId=quItemBody.find(".quId").val();
  685. //判断跳转类型
  686. if(skQuId==null){
  687. //对于逻辑选项未被选中的情况
  688. }else if(nextQuType=="PAGETAG" ){
  689. skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
  690. });
  691. }else if(nextQuType!="submitSurveyBtn" && nextQuType!="PAGETAG" && (skQuId==="1" || skQuId==="2" || nextQuId!=skQuId) ){
  692. //对于逻辑项是被选定的情况下
  693. nextAnswerTag.attr("disabled",true);
  694. //nextQuItemBody.slideUp("slow");
  695. nextQuItemBody.hide();
  696. //nextQuItemBody.fadeOut();
  697. nextQuItemBody.addClass("hidFor"+logicId);
  698. skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
  699. });
  700. }
  701. /*
  702. else if(nextQuItemBody.is(":hidden")){
  703. skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
  704. });
  705. }else if(nextQuType!="submitSurveyBtn" && nextQuType!="PAGETAG" && (skQuId==="1" || skQuId==="2" || nextQuId!=skQuId) ){
  706. //对于逻辑项是被选定的情况下
  707. nextAnswerTag.attr("disabled",true);
  708. //nextQuItemBody.slideUp("slow");
  709. nextQuItemBody.hide();
  710. //nextQuItemBody.fadeOut();
  711. nextQuItemBody.addClass("hidFor"+logicId);
  712. skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
  713. });
  714. }
  715. */
  716. }else{
  717. callback();
  718. }
  719. }
  720. /*
  721. $("#dwSurveyQuContent .dwQuOptionItemContent").hover(function(){
  722. $(this).css({"border-color":"#1e94fc"});
  723. $(this).css({"background":"rgb(227, 237, 249)"});
  724. },function(){
  725. if(!($(this).hasClass("active") || $(this).hasClass("inputchecked"))){
  726. $(this).css({"border-color":"rgb(199, 225, 247)"});
  727. $(this).css({"background":"rgb(255, 255, 255)"});
  728. }
  729. });
  730. */
  731. bindDateEvent();
  732. });
  733. /**********************处理答题进度条************************/
  734. //$("#resultProgress").progressbar({value: bfbFloat});
  735. function answerProgressbar(thObj){
  736. var quItemBody=thObj.parents(".li_surveyQuItemBody ");
  737. var quType=quItemBody.find(".quType").val();
  738. if(quType==="RADIO"){
  739. //quItemBody.find(".answerTag").val(1);
  740. var checks=quItemBody.find("input[type='radio']:checked");
  741. if(checks[0]){
  742. quItemBody.find(".answerTag").val(1);
  743. }else{
  744. quItemBody.find(".answerTag").val(0);
  745. }
  746. }else if(quType=="CHECKBOX"){
  747. var checks=quItemBody.find("input[type='checkbox']:checked");
  748. if(checks[0]){
  749. quItemBody.find(".answerTag").val(1);
  750. }else{
  751. quItemBody.find(".answerTag").val(0);
  752. }
  753. }else if(quType==="FILLBLANK"){
  754. var thVal=thObj.val();
  755. if(thVal!=""){
  756. quItemBody.find(".answerTag").val(1);
  757. }else{
  758. quItemBody.find(".answerTag").val(0);
  759. }
  760. }else if(quType==="ORDERQU"){
  761. //quOrderByLeftUl
  762. var orderByLabels=quItemBody.find(".quOrderByLeftUl label");
  763. if(!orderByLabels[0]){
  764. quItemBody.find(".answerTag").val(1);
  765. }else{
  766. quItemBody.find(".answerTag").val(0);
  767. }
  768. }else if( quType==="SCORE" ){
  769. var quScoreOptionTr=thObj.parents(".quScoreOptionTr");
  770. var scoreNumInput=quScoreOptionTr.find(".scoreNumInput");
  771. if(scoreNumInput.val()!=""){
  772. quScoreOptionTr.find(".answerTag").val(1);
  773. }else{
  774. quScoreOptionTr.find(".answerTag").val(0);
  775. }
  776. }else if(quType==="MULTIFILLBLANK"){
  777. var mFillblankTableTr=thObj.parents(".mFillblankTableTr");
  778. if(thObj.val()!=""){
  779. mFillblankTableTr.find(".answerTag").val(1);
  780. }else{
  781. mFillblankTableTr.find(".answerTag").val(0);
  782. }
  783. }
  784. var totalQuSize=$("#dwSurveyQuContent .answerTag:enabled").size();
  785. var answerTag1=$("#dwSurveyQuContent .answerTag[value='1']:enabled");
  786. var answerQuSize=0;
  787. if(answerTag1[0]){
  788. answerQuSize=answerTag1.size();
  789. }
  790. var newValue = parseInt(answerQuSize/totalQuSize*100);
  791. $("#resultProgressRoot .progress-label").text("完成度:"+newValue+"%");
  792. $("#resultProgress").progressbar("option", "value", newValue);
  793. }
  794. function validateCheck(quItemBody,isSubForm){
  795. if(quItemBody.is(":visible")){
  796. var quId=quItemBody.find(".quId").val();
  797. var quType=quItemBody.find(".quType").val();
  798. var isRequired=quItemBody.find(".isRequired").val();
  799. var validateStatus=false;
  800. var checkType = "";
  801. var errorMsg = null;
  802. if(isRequired==="0"){
  803. validateStatus = true;
  804. return true;
  805. }
  806. if(quType==="RADIO"){
  807. var hv = quItemBody.find(".hv").val();
  808. if(hv=="4"){
  809. var radioSelectVal = quItemBody.find("select.radioSelect").val();
  810. if(radioSelectVal!="" && radioSelectVal!="0"){
  811. var radioSelect = quItemBody.find(".radioSelect");
  812. var radioSelectVal = radioSelect.val();
  813. var radioSelectName = radioSelect.attr("name");
  814. var quCoItemUlLi = radioSelect.parents("li.quCoItemUlLi");
  815. var quItemInputCase= quCoItemUlLi.find(".quItemInputCase[itemid='"+radioSelectVal+"']");
  816. var isNote = quItemInputCase.find(".isNote").val();
  817. if(isNote=="1"){
  818. var curText = quCoItemUlLi.find(".dwQuOptionItemNote[name='text_"+radioSelectName+"_"+radioSelectVal+"']");
  819. var curTextValue = curText.val();
  820. var checkType = quItemInputCase.find(".checkType").val();
  821. var isRequiredFill = quItemInputCase.find(".isRequiredFill").val();
  822. if(isRequiredFill=="1" || curTextValue!="") {
  823. validateStatus = checkoutData(checkType, curText);
  824. }else{
  825. validateStatus = true;
  826. }
  827. }else{
  828. validateStatus = true;
  829. }
  830. }
  831. }else{
  832. validateStatus=quItemBody.find("input[type='radio']:checked")[0];
  833. if(validateStatus){
  834. var curRadio = quItemBody.find("input[type='radio']:checked");
  835. var curText = curRadio.parents(".dwQuOptionItemContent").find("input[type='text']:visible");
  836. if(curText[0]){
  837. var curTextValue = curText.val();
  838. checkType = curRadio.parents(".dwQuOptionItemContent").find(".checkType").val();
  839. var isRequiredFill = curRadio.parents(".dwQuOptionItemContent").find(".isRequiredFill").val();
  840. if(isRequiredFill!="1"){
  841. validateStatus = checkoutData(checkType, curTextValue);
  842. }
  843. }
  844. }
  845. }
  846. }else if(quType==="CHECKBOX"){
  847. validateStatus=quItemBody.find("input[type='checkbox']:checked")[0];
  848. var paramInt01 = quItemBody.find(".paramInt01").val();
  849. if(paramInt01>0){
  850. var checkeds = quItemBody.find("input[type='checkbox']:checked");
  851. if(checkeds[0]&&checkeds.size()<paramInt01){
  852. errorMsg = "请保证最少选择"+paramInt01+"项内容";
  853. validateStatus = false;
  854. }
  855. }
  856. if(validateStatus){
  857. // isNote checkType isRequiredFill
  858. var curCheckboxs = quItemBody.find("input[type='checkbox']:checked");
  859. $.each(curCheckboxs,function(){
  860. var curText = $(this).parents(".dwQuOptionItemContent").find("input[type='text']:visible");
  861. if(curText[0]){
  862. var curTextValue = curText.val();
  863. checkType = $(this).parents(".dwQuOptionItemContent").find(".checkType").val();
  864. var isRequiredFill = $(this).parents(".dwQuOptionItemContent").find(".isRequiredFill").val();
  865. if(isRequiredFill!="1"){
  866. validateStatus = checkoutData(checkType, curTextValue);
  867. }
  868. }
  869. if(!validateStatus){
  870. return false;
  871. }
  872. });
  873. }
  874. }else if(quType==="FILLBLANK"){
  875. var value = quItemBody.find(".fillblankInput").val();
  876. validateStatus = value!="";
  877. checkType = quItemBody.find(".checkType").val();
  878. if(validateStatus){
  879. validateStatus = checkoutData(checkType, value);
  880. }
  881. }else if(quType==="ORDERQU"){
  882. //quItemBody.find(".quOrderByLeftUl label");
  883. validateStatus=!quItemBody.find(".quOrderItemHidInput[value='']")[0];
  884. }else if(quType==="SCORE"){
  885. validateStatus=true;
  886. var quScoreOptionTrs=quItemBody.find(".quScoreOptionTr");
  887. $.each(quScoreOptionTrs,function(){
  888. var scoreNumInput=$(this).find(".scoreNumInput");
  889. if(scoreNumInput.val()===""){
  890. validateStatus=false;
  891. return false;
  892. }
  893. });
  894. }else if(quType==="MULTIFILLBLANK"){
  895. validateStatus=true;
  896. var quScoreOptionTrs=quItemBody.find(".mFillblankTableTr");
  897. var paramInt01 = 0;
  898. if(quItemBody.find(".paramInt01")[0]){
  899. paramInt01 = quItemBody.find(".paramInt01").val();
  900. }
  901. var anNum = 0;
  902. $.each(quScoreOptionTrs,function() {
  903. var scoreNumInput = $(this).find(".dwMFillblankInput");
  904. if (scoreNumInput.val() != "") {
  905. anNum++;
  906. }
  907. })
  908. if(validateStatus){
  909. if(paramInt01!=0){
  910. if(anNum<paramInt01){
  911. validateStatus=false;
  912. }
  913. }else{
  914. if(anNum<quScoreOptionTrs.size()){
  915. validateStatus=false;
  916. }
  917. }
  918. }
  919. }else if(quType === "UPLOADFILE"){
  920. validateStatus=quItemBody.find(".fileuploadSaveValue")[0];
  921. }else if(quType==="submitSurveyBtn" || quType==="PARAGRAPH" || quType==="PAGETAG"){
  922. return true;
  923. }
  924. }else{
  925. validateStatus=true;
  926. }
  927. if(validateStatus){
  928. quItemBody.find(".errorItem").remove();
  929. }else{
  930. /*if(isSubForm && !quItemBody.find(".errorItem")[0]){
  931. var errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请检查题目答案,为必答项!</label></div>";
  932. quItemBody.find(".surveyQuItemContent").append(errorHtml);
  933. }*/
  934. if(isSubForm){
  935. if(quItemBody.find(".errorItem")[0]){
  936. quItemBody.find(".errorItem").remove();
  937. }
  938. var errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请检查题目答案,为必答项!</label></div>";
  939. if(errorMsg!=null){
  940. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">"+errorMsg+"</label></div>";
  941. }else{
  942. if(checkType=="EMAIL"){
  943. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入Email,为必答项!</label></div>";
  944. }else if(checkType=="UNSTRCN"){
  945. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入非中文字符,为必答项!</label></div>";
  946. }else if(checkType=="STRCN"){
  947. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入中文字符,为必答项!</label></div>";
  948. }else if(checkType=="NUM"){
  949. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入数字,为必答项!</label></div>";
  950. }else if(checkType == "DIGITS"){
  951. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入整数,为必答项!</label></div>";
  952. }else if(checkType == "TELENUM"){
  953. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入电话,为必答项!</label></div>";
  954. }else if(checkType == "PHONENUM"){
  955. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入手机,为必答项!</label></div>";
  956. }else if(checkType == "TELE_PHONE_NUM"){
  957. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入电话或手机,为必答项!</label></div>";
  958. }else if(checkType == "DATE"){
  959. //2014-01-01 12:00:00
  960. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入日期时间类型,为必答项!</label></div>";
  961. }else if(checkType == "IDENTCODE"){
  962. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入身份证号,为必答项!</label></div>";
  963. }else if(checkType == "ZIPCODE"){
  964. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入邮编,为必答项!</label></div>";
  965. }else if(checkType == "URL"){
  966. errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请输入URL,为必答项!</label></div>";
  967. }
  968. }
  969. quItemBody.find(".surveyQuItemContent").append(errorHtml);
  970. }
  971. }
  972. return validateStatus;
  973. }
  974. }
  975. function refreshAutoCode(codeImgId){
  976. var ctx = $("#ctx").val();
  977. $("#"+codeImgId).attr("src",ctx+"/jcaptcha.action");
  978. }