codeform.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  1. //为表单的必填文本框添加提示信息(选择form中的所有后代input元素)
  2. $("form :input.required").each(function () {
  3. //通过jquery api:$("HTML字符串") 创建jquery对象
  4. var $required = $("<strong class='high'>*</strong>");
  5. //添加到this对象的父级对象下
  6. $(this).parent().append($required);
  7. });
  8. function jisuan() {
  9. var small_num=Math.ceil($("#totalnum").val()/$("#box_num option:selected").val())
  10. var larger_num=Math.ceil(small_num/$("#tray_num option:selected").val());
  11. $("#larger_num").val(larger_num);
  12. $("#small_num").val(small_num);
  13. }
  14. function validate(data){
  15. var reg = new RegExp("^[0-9]*$");
  16. if(!reg.test(data)){
  17. alert("请输入数字!");
  18. }
  19. }
  20. //为表单元素添加失去焦点事件
  21. $("form :input").blur(function(){
  22. //console.log($(this));
  23. var $parent = $(this).parent();
  24. $parent.find(".msg").remove(); //删除以前的提醒元素(find():查找匹配元素集中元素的所有匹配元素)
  25. //文件流水号
  26. if($(this).is("#file_no") || $(this).is("#order_no")
  27. || $(this).is("#manufacture_date") || $(this).is("#print_date") ){
  28. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  29. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  30. if(nameVal == "" || nameVal.length < 2 || regName.test(nameVal)){
  31. var errorMsg = " 必填!";
  32. //class='msg onError' 中间的空格是层叠样式的格式
  33. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  34. }
  35. else{
  36. var okMsg=" 输入正确";
  37. $parent.find(".high").remove();
  38. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  39. }
  40. }
  41. if($(this).is("#totalnum")){
  42. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  43. var regName = /[~#^$@%&!*()<>:;'"{}【】. ]/;
  44. if(nameVal == "" || nameVal.length < 1 || regName.test(nameVal) || Number(nameVal)<1){
  45. var errorMsg = " 总张数必填且不能有小数点";
  46. //class='msg onError' 中间的空格是层叠样式的格式
  47. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  48. }
  49. else{
  50. var reg = new RegExp("^[0-9]*$");
  51. if(!reg.test(nameVal)){
  52. var errorMsg = " 请输入数字!";
  53. //class='msg onError' 中间的空格是层叠样式的格式
  54. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  55. }else{
  56. var okMsg=" 输入正确";
  57. jisuan();
  58. $parent.find(".high").remove();
  59. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  60. }
  61. }
  62. }
  63. if($(this).is("#box_num")){
  64. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  65. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  66. if(nameVal == "" || nameVal.length < 1 || regName.test(nameVal) || Number(nameVal)==1){
  67. var errorMsg = " 一箱多少张必选";
  68. //class='msg onError' 中间的空格是层叠样式的格式
  69. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  70. }
  71. else{
  72. jisuan();
  73. var okMsg=" 输入正确";
  74. $parent.find(".high").remove();
  75. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  76. }
  77. }
  78. var danwei = $('#danwei').val();
  79. if (danwei == 2){ //当选择卷的时候验证此字段
  80. if($(this).is("#box_num1")){
  81. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  82. var regName = /[~#^$@%&!*()<>:;'"{}【】. ]/;
  83. if(nameVal == "" || nameVal.length > 3 || regName.test(nameVal) || Number(nameVal)==1){
  84. var errorMsg = " 一托盘多少卷必填且不能大于三位";
  85. //class='msg onError' 中间的空格是层叠样式的格式
  86. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  87. }
  88. else{
  89. // jisuan();
  90. var okMsg=" 输入正确";
  91. $parent.find(".high").remove();
  92. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  93. }
  94. }
  95. }
  96. if($(this).is("#tray_num")){
  97. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  98. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  99. if(nameVal == "" || nameVal.length < 1 || regName.test(nameVal) || Number(nameVal)==1){
  100. var errorMsg = " 一托盘多少箱必选";
  101. //class='msg onError' 中间的空格是层叠样式的格式
  102. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  103. }
  104. else{
  105. jisuan();
  106. var okMsg=" 输入正确";
  107. $parent.find(".high").remove();
  108. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  109. }
  110. }
  111. if($(this).is("#larger_num")){
  112. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  113. var regName = /[~#^$@%&!*()<>:;'"{}【】. ]/;
  114. if(nameVal == "" || nameVal.length < 1 || regName.test(nameVal) || Number(nameVal)<1){
  115. var errorMsg = " 大件数量必填且不能有小数点!";
  116. //class='msg onError' 中间的空格是层叠样式的格式
  117. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  118. }
  119. else{
  120. var okMsg=" 输入正确";
  121. $parent.find(".high").remove();
  122. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  123. }
  124. }
  125. if($(this).is("#small_num")){
  126. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  127. var regName = /[~#^$@%&!*()<>:;'"{}【】. ]/;
  128. if(nameVal == "" || nameVal.length < 1 || regName.test(nameVal)|| Number(nameVal)<1){
  129. var errorMsg = " 小件数量必填且不能有小数点!";
  130. //class='msg onError' 中间的空格是层叠样式的格式
  131. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  132. }
  133. else{
  134. var okMsg=" 输入正确";
  135. $parent.find(".high").remove();
  136. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  137. }
  138. }
  139. if($(this).is("#bach_num") ){
  140. //console.log(123456);
  141. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  142. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  143. if(nameVal == "" || nameVal.length>10 || regName.test(nameVal) || Number(nameVal)<0){
  144. var errorMsg = " 生产批号必填且不可大于十位";
  145. //class='msg onError' 中间的空格是层叠样式的格式
  146. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  147. }
  148. else{
  149. var reg = new RegExp("^[0-9]*$");
  150. if(!reg.test(nameVal)){
  151. var errorMsg = " 请输入输入数字!";
  152. //class='msg onError' 中间的空格是层叠样式的格式
  153. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  154. }else{
  155. var okMsg=" 输入正确";
  156. $parent.find(".high").remove();
  157. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  158. }
  159. }
  160. }
  161. if($(this).is("#s_flow") || $(this).is("#l_flow") ){
  162. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  163. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  164. if(nameVal == "" || nameVal.length>6 || regName.test(nameVal) || Number(nameVal)<0){
  165. var errorMsg = " 流水号必填(不能大于6位数)";
  166. //class='msg onError' 中间的空格是层叠样式的格式
  167. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  168. }
  169. else{
  170. var reg = new RegExp("^[0-9]*$");
  171. if(!reg.test(nameVal)){
  172. var errorMsg = " 请输入数字!";
  173. //class='msg onError' 中间的空格是层叠样式的格式
  174. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  175. }else{
  176. var okMsg=" 输入正确";
  177. $parent.find(".high").remove();
  178. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  179. }
  180. }
  181. }
  182. if($(this).is("#l_weight") ){
  183. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  184. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  185. if(nameVal == "" || regName.test(nameVal) || nameVal.length <1 || nameVal < 1 ){
  186. var errorMsg = " 重量必填(不能大于4位数)";
  187. //class='msg onError' 中间的空格是层叠样式的格式
  188. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  189. } else{
  190. var rep = /[\.]/;
  191. var reg = new RegExp("^[0-9]*$");
  192. if (rep.test(nameVal)) {//判断有没有小数点
  193. if (!/^-?\d+.\d{2}$/.test(nameVal)) {//判断是不是保留了小数点2位
  194. var errorMsg = "请向下取整保留小数点后两位";
  195. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  196. }else{//判断是不是6位
  197. nameVal = Number(nameVal*100).toFixed(0);//强制转换成整数 避免精度温蒂
  198. // console.log(Number(nameVal*100).toFixed(0))
  199. if(!reg.test(nameVal) || nameVal > 999999){//判断是不是数字且有没有大于6位数
  200. var errorMsg = " 请输入不大于4位数的数字!";
  201. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  202. }else{
  203. var okMsg=" 输入正确";
  204. $parent.find(".high").remove();
  205. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  206. }
  207. }
  208. }else{//没有小数点
  209. if(!reg.test(nameVal * 1000) || nameVal.length > 6 || nameVal * 100 > 999999){//判断是不是数字且有没有大于6位数
  210. var errorMsg = " 请输入不大于4位数的数字!";
  211. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  212. }else{
  213. var okMsg=" 输入正确";
  214. $parent.find(".high").remove();
  215. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  216. }
  217. }
  218. }
  219. }
  220. if($(this).is("#reptQty3") ){
  221. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  222. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  223. if(nameVal == "" || regName.test(nameVal) || nameVal.length <1 || nameVal < 1 ){
  224. var errorMsg = " 重量必填(不能大于4位数)";
  225. //class='msg onError' 中间的空格是层叠样式的格式
  226. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  227. } else{
  228. var rep = /[\.]/;
  229. var reg = new RegExp("^[0-9]*$");
  230. if (rep.test(nameVal)) {//判断有没有小数点
  231. if (!/^-?\d+.\d{2}$/.test(nameVal)) {//判断是不是保留了小数点2位
  232. var errorMsg = "请向下取整保留小数点后两位";
  233. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  234. }else{//判断是不是6位
  235. nameVal = Number(nameVal*100).toFixed(0);//强制转换成整数 避免精度温蒂
  236. // console.log(Number(nameVal*100).toFixed(0))
  237. if(!reg.test(nameVal) || nameVal > 999999){//判断是不是数字且有没有大于6位数
  238. var errorMsg = " 请输入不大于4位数的数字!";
  239. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  240. }else{
  241. var okMsg=" 输入正确";
  242. $parent.find(".high").remove();
  243. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  244. }
  245. }
  246. }else{//没有小数点
  247. if(!reg.test(nameVal * 1000) || nameVal.length > 6 || nameVal * 100 > 999999){//判断是不是数字且有没有大于6位数
  248. var errorMsg = " 请输入不大于4位数的数字!";
  249. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  250. }else{
  251. var okMsg=" 输入正确";
  252. $parent.find(".high").remove();
  253. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  254. }
  255. }
  256. }
  257. }
  258. if($(this).is("#reptQty33")){
  259. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  260. var regName = /[~#^$@%&!*()<>:;'"{}【】. ]/;
  261. if(nameVal == "" || nameVal.length < 1 || regName.test(nameVal) || Number(nameVal)<1 || nameVal.length > 10){
  262. var errorMsg = " 总张数必填不能有小数点,且不大于10位";
  263. //class='msg onError' 中间的空格是层叠样式的格式
  264. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  265. }else{
  266. var reg = new RegExp("^[0-9]*$");
  267. if(!reg.test(nameVal)){
  268. var errorMsg = " 请输入数字!";
  269. //class='msg onError' 中间的空格是层叠样式的格式
  270. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  271. }else{
  272. var okMsg=" 输入正确";
  273. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  274. }
  275. }
  276. }
  277. if( $(this).is("#s_weight") ){
  278. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  279. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  280. if(nameVal == "" || nameVal.length > 6 || regName.test(nameVal) || nameVal.length <1 || nameVal < 1 ){
  281. var errorMsg = " 重量必填(不能大于6位数)";
  282. //class='msg onError' 中间的空格是层叠样式的格式
  283. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  284. }
  285. else{
  286. var reg = new RegExp("^[0-9]*$");
  287. if(!reg.test(nameVal)){
  288. var errorMsg = " 请输入数字!";
  289. //class='msg onError' 中间的空格是层叠样式的格式
  290. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  291. }else{
  292. //console.log(12344);
  293. var okMsg=" 输入正确";
  294. $parent.find(".high").remove();
  295. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  296. }
  297. }
  298. }
  299. if($(this).is("#l_reservation") || $(this).is("#s_reservation") ){
  300. var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
  301. var regName = /[~#^$@%&!*()<>:;'"{}【】 ]/;
  302. if(nameVal == "" || nameVal.length> 12 || regName.test(nameVal) || Number(nameVal)<0 ){
  303. var errorMsg = " 预留码必填(不能大于12位数)";
  304. //class='msg onError' 中间的空格是层叠样式的格式
  305. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  306. }
  307. else{
  308. var reg = new RegExp("^[0-9]*$");
  309. if(!reg.test(nameVal)){
  310. var errorMsg = " 请输入数字!";
  311. //class='msg onError' 中间的空格是层叠样式的格式
  312. $parent.append("<span class='msg onError'>" + errorMsg + "</span>");
  313. }else{
  314. var okMsg=" 输入正确";
  315. $parent.find(".high").remove();
  316. $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>");
  317. }
  318. }
  319. }
  320. }).keyup(function(){
  321. //triggerHandler 防止事件执行完后,浏览器自动为标签获得焦点
  322. $(this).triggerHandler("blur");
  323. }).focus(function(){
  324. $(this).triggerHandler("blur");
  325. });
  326. //点击重置按钮时,通过trigger()来触发文本框的失去焦点事件
  327. $("#send").click(function(){
  328. //trigger 事件执行完后,浏览器会为submit按钮获得焦点
  329. $("form .required:input").trigger("blur");
  330. var numError = $("form .onError").length;
  331. if(numError){
  332. return false;
  333. }
  334. });