javascript 常用校验代码

简介:

JavaScript会经常被用于校验表单,比如校验用户名是否为空等.

我总结了常用的校验代码

(1)上传商品时检查商品参数(名称,价格)是否为空

Js代码   收藏代码
  1. var products={};  
  2. products.checkAdd=function()  
  3. {  
  4.     /*if(!com.whuang.hsj.isRadioChecked22(com.whuang.hsj.$$arr("productItemclassId"))){ 
  5.         alert("请选择产品大类别."); 
  6.         return false; 
  7.     } 
  8.     var selectObj=com.whuang.hsj.$$one("smallClass.id"); 
  9.     if((!selectObj)||selectObj==undefined){ 
  10.         alert("请先选择产品大类别. "); 
  11.         return false; 
  12.     } 
  13.     if(!com.whuang.hsj.isSelectedOption(selectObj)){ 
  14.         alert("请选择产品小类别. "); 
  15.         return false; 
  16.     } 
  17.      
  18.     */  
  19.     var itemname=com.whuang.hsj.$$one("itemname");  
  20.                 if(itemname && itemname!=undefined){  
  21.                 if(!com.whuang.hsj.isHasValue(itemname.value)){  
  22.                         itemname.focus();  
  23.                         alert("请填写产品名称.");  
  24.                         return false;  
  25.                 }  
  26.     }  
  27.     var price=com.whuang.hsj.$$one("price");  
  28.     if(price && price!=undefined){  
  29.                 if(!com.whuang.hsj.isHasValue(price.value)){  
  30.                         price.focus();  
  31.                         alert("请填写产品价格.");  
  32.                         return false;  
  33.                 }     
  34.     }  
  35.       
  36.     var inventoryAmounts=com.whuang.hsj.$$one("inventoryAmounts");  
  37.     if(inventoryAmounts && inventoryAmounts!=undefined){  
  38.                 if(!com.whuang.hsj.isHasValue(inventoryAmounts.value)){  
  39.                         inventoryAmounts.focus();  
  40.                         alert("请填写产品库存数量.");  
  41.                         return false;  
  42.                 }  
  43.     }  
  44.     var productionCycle=com.whuang.hsj.$$one("productionCycle");  
  45.     if(productionCycle && productionCycle!=undefined){  
  46.                 if(!com.whuang.hsj.isHasValue(productionCycle.value)){  
  47.                         productionCycle.focus();  
  48.                         alert("请填写产品制作周期.");  
  49.                         return false;  
  50.                 }  
  51.     }  
  52.       
  53.     var picPath=com.whuang.hsj.$$one("picPath");  
  54.     if(picPath && picPath!=undefined){  
  55.                 if(!com.whuang.hsj.isHasValue(picPath.value)){  
  56.                         picPath.focus();  
  57.                         alert("请上传产品图片.");  
  58.                         return false;  
  59.                 }  
  60.     }  
  61.   
  62.       
  63.     return true;  
  64. };  

 

(2)上传文件时检查是否选择了文件

Js代码   收藏代码
  1. function checkUpload() {  
  2.     var uploadFile = com.whuang.hsj.$$one("image223");  
  3.     if(uploadFile && uploadFile!=undefined){  
  4.     if (com.whuang.hsj.isHasValue(uploadFile.value)) {  
  5.         return true;  
  6.     } else {  
  7.         alert("Please specify file to upload.");  
  8.         return false;  
  9.     }  
  10. }  
  11. }  

 

(3)在线留言时校验是否填写完成



 

Js代码   收藏代码
  1. var ajaxSubmitMessage=function()  
  2. {  
  3.      
  4.     var username22=com.whuang.hsj.$$one("username");  
  5.    
  6.     var companyObj=com.whuang.hsj.$$one("company");  
  7.     if(!com.whuang.hsj.checkNullValue(companyObj,'leaveMessageResult','请填写您的单位名称.')){  
  8.         return ;  
  9.     }  
  10.     if(!com.whuang.hsj.checkNullValue(username22,'leaveMessageResult','请填写您的姓名.')){  
  11.         return ;  
  12.     }  
  13.       
  14.     var phoneObj=com.whuang.hsj.$$one("email");  
  15.     if(!com.whuang.hsj.checkNullValue(phoneObj,'leaveMessageResult','请填写您的电话.')){  
  16.         return ;  
  17.     }  
  18.   
  19.     var object22=com.whuang.hsj.$$one("object");  
  20.     if(!com.whuang.hsj.checkNullValue(object22,'leaveMessageResult','请填写留言主题.')){  
  21.         return ;  
  22.     }  
  23.       
  24.     var content22=com.whuang.hsj.$$one("content");  
  25.     if(!com.whuang.hsj.checkNullValue(content22,'leaveMessageResult','请填写留言内容.')){  
  26.         return ;  
  27.     }  
  28.     if(content22.value.length<10){  
  29.         com.whuang.hsj.setErrorMessage(content22,"leaveMessageResult","你的留言内容太短了.");  
  30.         return;  
  31.     }  
  32.       
  33.     if(content22.value.length>5000){  
  34.         com.whuang.hsj.setErrorMessage(content22,"leaveMessageResult","你的留言内容太长了.");  
  35.         return;  
  36.     }  
  37.       
  38.     var options = {  
  39.                url: "<%=path%>/message/save",  
  40.                type: "POST",  
  41.                dataType:'json',  
  42.                success:function(html) {  
  43.                    //清空表单  
  44.                    com.whuang.hsj.$$id("resetId").click();  
  45.                    var leaveMessageResultSpan=com.whuang.hsj.$$id("leaveMessageResult");  
  46.                    leaveMessageResultSpan.innerHTML="<span class='successMessageBig' >留言成功,感谢您的支持!</span>";  
  47.                    function cleanUp22(){  
  48.                        leaveMessageResultSpan.innerHTML="";  
  49.                     }  
  50.                     setTimeout(cleanUp22,4000);  
  51.   
  52.                    //alert("留言成功,感谢您的支持!");  
  53.                },  
  54.                error:function(er){  
  55.                    //functionChange(er.responseText);  
  56.                }  
  57.     };  
  58.     //var options = ajaxOption();  
  59.     //采用Ajax 提交表单,页面不会跳转  
  60.     $('#leaveMessageForm').ajaxSubmit(options);   
  61. }  

 

 

(4)页面加载完成之后,文本框自动聚焦

Java代码   收藏代码
  1. window.onload=function(){  
  2.     var company22=com.whuang.hsj.$$one("company");  
  3.     company22.focus();  
  4. }  
  5.   
  6. window.onload=function(){  
  7.         var title22=com.whuang.hsj.$$one("title");  
  8.         if(title22){  
  9.             title22.focus();  
  10.         }  
  11.     }  

 

 

(5)以ajax的方式登录

Js代码   收藏代码
  1. function ajaxLogin(){  
  2.     var usernameObj=com.whuang.hsj.$$one('username');  
  3.     var passwordObj=com.whuang.hsj.$$one('password');  
  4. var loginResultSpan=com.whuang.hsj.$$id("loginResult");  
  5.     if(!com.whuang.hsj.isHasValue( usernameObj.value)){  
  6.         com.whuang.hsj.setErrorMessage(usernameObj,loginResultSpan,'请填写用户名.',false);  
  7.         return false;  
  8.     }  
  9.   
  10.         var password_value='';  
  11.     if(passwordObj.value.trim)  
  12.     {  
  13.          password_value=passwordObj.value.trim();  
  14.     } else {  
  15.          password_value=com.whuang.hsj.trim(passwordObj.value);  
  16.     }  
  17.     if(!com.whuang.hsj.isHasValue( password_value)){  
  18.         // passwordObj.focus();  
  19.         // li_info_id.innerHTML="<span class='errormessage'> 请填写密码.</span>";  
  20.         // function cleanUp22(){  
  21.         //  li_info_id.innerHTML="";  
  22.         // }  
  23.         // setTimeout(cleanUp22,4000);  
  24.         com.whuang.hsj.setErrorMessage(passwordObj,loginResultSpan,'请填写密码.',false);  
  25.         passwordObj.value='';  
  26.         return false;  
  27.     }  
  28.     if(password_value.length<=20)  
  29.     {  
  30.         passwordObj.value=calcMD5(password_value);  
  31.     } else {  
  32.         com.whuang.hsj.setErrorMessage(passwordObj,loginResultSpan,'密码过长',false);  
  33.         passwordObj.value='';  
  34.         return false;  
  35.     }  
  36.   
  37.   
  38.     var abc44=function (obj) {  
  39.     //  alert(obj);  
  40.         var jsonObj2=eval("("+obj+")");  
  41.           
  42.         // alert(obj)  
  43.   
  44.         var loginResult=jsonObj2.result;  
  45.         if(loginResult=='failed'){  
  46.               
  47.             com.whuang.hsj.setErrorMessage(usernameObj,loginResultSpan,jsonObj2.error,false);  
  48.             passwordObj.value='';  
  49.         }else{  
  50.             location.href="<%=path%>/orders/list";  
  51.         }  
  52.           
  53.   
  54.     };  
  55.       
  56.     var url2="<%=path%>/index/login";  
  57.     //alert(url2);  
  58.     var xmlhw5=new XMLHttpHuangWei(url2, "username="+usernameObj.value+"&password="+passwordObj.value,abc44);  
  59.     xmlhw5.XMLGetMethod();  
  60. }  

(6)判断是否是正整数

Js代码   收藏代码
  1. /*** 
  2. * whether is Integer,1.2 is not allowed 
  3. */  
  4. com.whuang.hsj.isInteger=function(int22){  
  5.     if(!int22 || int22==undefined){  
  6.         return false;  
  7.     }  
  8.     if( int22.match(/^[\d]+$/i)){   
  9.     return true;  
  10.   }else{  
  11.     return false;  
  12.   }  
  13. };  

 应用:

Js代码   收藏代码
  1. var qrcodeSizeObj=com.whuang.hsj.$$id('qrcodeSize');  
  2.     var qrcodeSizeint=qrcodeSizeObj.value;  
  3.     if(!com.whuang.hsj.isHasValue(qrcodeSizeint)){  
  4.         qrcodeSizeObj.focus();  
  5.         alert('请输入像素大小.');  
  6.         return ;  
  7.     }  
  8.     var isDigit=com.whuang.hsj.isInteger(qrcodeSizeint);  
  9.     if(!isDigit){  
  10.         qrcodeSizeObj.focus();  
  11.         alert('请输入数字[100-1000]');  
  12.         return;  
  13.     }  

 

 

(7)判断是否是数字(可以有小数点)

Js代码   收藏代码
  1. /*** 
  2. * whether is digit,1.2 is allowed 
  3. */  
  4. com.whuang.hsj.isNumber=function(int22){  
  5.     if(!int22 || int22==undefined){  
  6.         return false;  
  7.     }  
  8.     if( int22.match(/^[\d\\.]+$/i)){   
  9.     return true;  
  10.   }else{  
  11.     return false;  
  12.   }  
  13. };  

 

 

 (8)判断字符是否包含空格

 

Js代码   收藏代码
  1. var isContainBlank=function(val)  
  2. {  
  3.   return /\s/g.test(val);  
  4. }  
  5.   
  6. console.log(isContainBlank(' '));  
  7. console.log(isContainBlank('a  '));  
  8. console.log(isContainBlank('b '));  
  9. console.log(isContainBlank(' c'));  
  10. console.log(isContainBlank('a c'));  
  11. console.log(isContainBlank(' b c '));  
  12. console.log(isContainBlank('aaaa       a'));  
  13. console.log(isContainBlank('a'));  
  14. console.log(isContainBlank('       a'));  

 

 

相关文章
|
7天前
|
JavaScript
JS代码的一些常用优化写法
JS代码的一些常用优化写法
27 0
|
16天前
|
JavaScript 前端开发
JavaScript代码怎样引入到HTML中?
处理网https://www.91chuli.com/
|
2月前
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
162 9
|
3月前
|
前端开发 JavaScript
【Javascript系列】Terser除了压缩代码之外,还有优化代码的功能
Terser 是一款广泛应用于前端开发的 JavaScript 解析器和压缩工具,常被视为 Uglify-es 的替代品。它不仅能高效压缩代码体积,还能优化代码逻辑,提升可靠性。例如,在调试中发现,Terser 压缩后的代码对删除功能确认框逻辑进行了优化。常用参数包括 `compress`(启用压缩)、`mangle`(变量名混淆)和 `output`(输出配置)。更多高级用法可参考官方文档。
157 11
|
3月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
3月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
5月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
212 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
4月前
|
人工智能 数据可视化 机器人
【通义灵码】三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
我发掘出的通义灵码AI程序员新玩法:三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
193 6
|
5月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
111 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
4月前
|
人工智能 数据可视化 架构师
三句话生成 P5.js 粒子特效代码,人人都可以做交互式数字艺术
短短几分钟,两个完全不懂P5.js的人类,和通义灵码AI程序员一起,共同完成了有真实物理引擎和碰撞检测的3D仿真动画。人类扮演的角色更像产品经理和架构师,提出开发需求和迭代修改方案,而AI的作用更像码农,任劳任怨,熟练用各种编程语言完成技术底层的脏活累活。这只是AI编程的冰山一角,未来,每一个艺术家都能快速做出自己的创意原型,每一个数学老师都能轻松做出自己的教学动画。