javascript 常用校验代码-阿里云开发者社区

开发者社区> 黄威的世界> 正文

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

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Clean Code之JavaScript代码示例
译者按: 简洁的代码可以避免写出过多的BUG。 原文: JavaScript Clean Code - Best Practices 译者: Fundebug 本文采用意译,版权归原作者所有 引文 作为一个开发者,如果你关心代码质量,除了需要认真测试代码能否正确执行以外,还要注重代码的整洁(clean code)。
599 0
asp.net常用javascript封装代码
using System;using System.Text;using System.Data;using System.Configuration;using System.Web;using System.
830 0
AST 代码扫描实战:如何保障代码质量
2020 年 618 大促已经过去,作为淘系每年重要的大促活动,淘系前端在其中扮演着什么样的角色,如何保证大促的平稳进行?又在其中应用了哪些新技术?淘系前端团队特此推出「618 系列|淘系前端技术分享」,为大家介绍 618 中的前端身影。 本篇来自于频道与D2C智能团队的菉竹,为大家介绍本次 618 大促中是如何用代码扫描做资损防控的。
1779 0
JavaScript 测试及校验工具
JavaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的 Web 开发者,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能。
786 0
Java校招学习之路的经验总结——《我的Java打怪日记》
不论科班还是非科班,不论大一还是研二,都可以看看,希望对你有所帮助。
8720 0
在EditPlus中使用JSLint校验JavaScript代码
  JSLint是大牛Douglas Crockford提供的一个语法检测工具,用来检测是否使用了Javascript中“不好的部分”,避免隐含的错误,规范代码书写习惯。在线检测地址为www.jslint.com。
903 0
Javascript操作DOM常用API总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识。
812 0
Java代码复用的三种常用方式:继承、组合和代理(1)
Java代码复用的三种常用方式:继承、组合和代理
5 0
+关注
黄威的世界
我是一个热衷IT技术的人,希望自己不断地设计开发出对别人非常有用的软件。有近7年的java开发经验(包括2年Android开发经验)和一年左右的linux使用经验。擅长Java Web后台开发 ,喜欢研究新的各种实用技术
668
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载
《2021云上架构与运维峰会演讲合集》
立即下载