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

 

 

时间: 2024-09-30 15:32:26

javascript 常用校验代码的相关文章

javascript 常用校验代码 2

请参看:http://hw1287789687.iteye.com/blog/2124945 (1)判断是否是数字 Java代码   /***  * whether is digit  */   com.whuang.hsj.isInteger=function(int22){       if(!int22 || int22==undefined){           return false;       }       if( int22.match(/^[\d\\.]+$/i)){  

javascript常用正则表达式代码

网页特效常用正则表达式代码 html <p> <label for="mobile_phone">手 机</label> <input type="text" id="mobile_phone", name="mobile_phone" value="15107105287" /> <input type="button" value

javascript常用的代码片段(学习笔记)

获取DOM对象    代码如下 复制代码 function getel(e) {     if (document.getElementById) {         return document.getElementById(e);     } else if (document.all){         return document.all[e];     } } xmlHttp  代码如下 复制代码 //定义方法 获取XMLHttpRequest对象 function ajaxLoa

javascript密码强度校验代码(两种方法)_javascript技巧

先看效果图: javascript密码强度校验代码,具体实现思路不多说了,请看下面代码和demo. 第一种方法: /* *密码安全程度 *return :全部为字母或者数字,或者密码长度小于 *return : 字母数字组成,或者字母特殊字符,或者数字和特殊字符 *return : 字母和数字和特殊字符 */ String.prototype.passwordStrength=function(){ if(this.length> && this.length<=) retur

B/S开发中常用javaScript技术与代码_javascript技巧

在b/s开发中经常用到的javaScript技术  一.验证类 1.数字验证内 1.1 整数 1.2 大于0的整数 (用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2.时间类 2.1 短时间,形如 (13:04:06) 2.2 短日期,形如 (2003-12-05) 2.3 长时间,形如 (2003-12-05 13:04:06) 2.4 只有年和月.形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03)

JavaScript中校验银行卡号的实现代码_javascript技巧

1.先引入jquery.js 2.接着引入luhmCheck.js //银行卡号Luhm校验 3.看下面的案例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&

jquery与javascript常用代码片段整理

(一)怎样用JQuery刷新一幅图片? 说明:我们都知道,当我们在请求一个资源(比如网页,图片等)的时候,如果该资源被缓存到浏览器了,那么请求返回的就是缓存的副本,不是我们希望获取的资源(该资源内容已经被更新了),此时最普遍的一个办法就是在请求的页面后面或者图片的src后面加上一个查询字符串"ran=" + Math.random(),这样就会请求到最新版本的资源啦! 代码: $(imageObj).attr('src',$(imageObj).attr('src') + '?' +

JavaScript常用代码书写规范的超全面总结_javascript技巧

一.全局命名空间污染 总是将代码包裹在一个立即的函数表达式里面,形成一个独立的模块. 不推荐 var x = 10, y = 100; console.log(window.x + ' ' + window.y); 推荐 ;(function(window){ 'use strict'; var x = 10, y = 100; console.log(window.x + ' ' + window.y); }(window)); 二.立即执行函数 在立即执行函数里面,如果有用到全局变量应该通过

javascript常用的正则表达式实例_javascript技巧

小编之前整理了不少JavaScript常用的正则表达式实例,都是自己用的,现在放出来给大家分享下. 复制代码 代码如下: /*** 取得字符串的字节长度*/      function strlen(str)       {           var i;           var len;           len = 0;           for (i=0;i<str.length;i++)           {               if (str.charCodeAt(