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'));  

 

 

相关文章
|
5天前
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
7 0
JS代码动态打印404页面源码
|
13天前
|
JavaScript
js 校验括号——括号不可嵌套且需成对出现
js 校验括号——括号不可嵌套且需成对出现
14 2
|
13天前
|
前端开发 JavaScript
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
8 1
|
13天前
|
JavaScript
js 【实用技巧】给全文代码添加一键复制按钮
js 【实用技巧】给全文代码添加一键复制按钮
13 1
|
14天前
|
前端开发 JavaScript 定位技术
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
17 1
|
15天前
|
JSON JavaScript 前端开发
JavaScript 技巧:干净高效的代码写法
JavaScript 技巧:干净高效的代码写法
13 1
|
15天前
|
前端开发 JavaScript Serverless
前端新手建议收藏的JavaScript 代码技巧
前端新手建议收藏的JavaScript 代码技巧
|
22天前
|
JavaScript 前端开发 Java
JavaScript小数四舍五入的代码
JavaScript小数四舍五入的代码
29 8
|
21天前
|
JavaScript 前端开发 Java
java 执行 javascript 代码
java 执行 javascript 代码
19 6
|
20天前
|
前端开发 JavaScript
JavaScript 时空编织者:驾驭代码的控制流程
JavaScript 时空编织者:驾驭代码的控制流程