自建JS代码库(1)---添加用户的常用验证

简介:


自建JS代码库(1)---添加用户的常用验证

 

         大家都知道现在有许多比较成熟的javascript代码库,比如:JQuery,Prototype等,里面有许多经过验证的非常好用的函数.这些优秀的代码库能够提高我们的开发效率,但是我们在开发过程中同时还会遇到一些经常使用的方法,而这些可能写起来也比较的繁琐,这个时候我们有自己的代码库直接Copy代码是不是能够让你心情愉悦呢?

 

         今天简单的整理了一下,在项目开发过程中添加系统用户的时候可能会使用到的一些常用的验证。

 

         1、判断用户名只能是字母或数字,且长度为4~6位

//1、常规方法---判断用户名只能是字母或数据,且长度为4~6位
if (!(trim(userIdField.value).length >=4&& trim(userIdField.value).length <=6)) {
         alert("用户代码只能为4~6位!!");
         userIdField.focus();
         return;
}
for (var i=0;i<trim(userIdField.value).length; i++) {
         varc = trim(userIdField.value).charAt(i);
         if(!((c >= '0' && c <='9') || (c >='a' && c <='z') ||(c >='A' && c <='Z'))) {
                   alert("用户代码必须为数字和字母!");
                   userIdField.focus();
                   return;
         }
}
                  
//2、正则表达式---判断用户名只能是字母或数据,且长度为4~6位
var re = new RegExp(/^[a-zA-Z0-9]{4,6}$/);
if (!re.test(trim(userIdField.value))) {
         alert("用户代码必须为数字或字母,只能为4~6位!");
         userIdField.focus();
         return;
}

                  

         2、判断联系电话都是数字(不为空时)

var contactTelField =document.getElementById("contactTel");
//不采用正则
if (trim(contactTelField.value) !="") {
         for(var i=0; i<trim(contactTelField.value).length; i++) {
                   varc = trim(contactTelField.value).charAt(i);
                   if(!(c >= '0' && c <= '9')) {
                            alert("电话号码不合法!");
                            contactTelField.focus();
                            return;
                   }
         }
}
 
//采用正则
if (trim(contactTelField.value) !="") {
         //采用正则
         re.compile(/^[0-9]*$/);
         if(!re.test(trim(contactTelField.value))) {
                   alert("电话号码不合法!");
                   contactTelField.focus();
                   return;
         }       
}

 

         3、判断Email是否包含@(Email不为空,且@不再首尾处)                         

var emailField =document.getElementById("email");
if (trim(emailField.value).length != 0) {
         varemailValue = trim(emailField.value);
         if((emailValue.indexOf("@") == 0) || (emailValue.indexOf("@")== (emailValue.length - 1))) {
                   alert("email地址不正确!");
                   emailField.focus();
                   return;                                
         }
         if(emailValue.indexOf("@") < 0) {
                   alert("email地址不正确!");
                   emailField.focus();
                   return;                                
         }
}


         曾经听人说过一个好的程序员不是你能够花多少时间写出一个东西,而是能用最短的时候做出某一个东西,这就需要我们有很好的积累,见识过很多不同的代码,并且在需要用的时候能够快速的将它运用到自己的项目中。

         我想这就得从编写自己的代码库开始了。

 

目录
相关文章
|
7月前
|
JSON 算法 安全
Nest.js JWT 验证授权管理
Nest.js JWT 验证授权管理
156 3
Nest.js JWT 验证授权管理
|
7月前
egg.js 24.18参数验证
egg.js 24.18参数验证
77 0
egg.js 24.18参数验证
|
7月前
|
存储 JavaScript 前端开发
账号登录验证(原生js,本地存储)
账号登录验证(原生js,本地存储)
47 0
|
7月前
|
JavaScript 前端开发 UED
JavaScript中的输入验证与处理
JavaScript中的输入验证与处理
|
7月前
|
JavaScript 数据安全/隐私保护
JS正则验证密码
JS正则验证密码
66 0
|
3月前
|
移动开发 JavaScript 前端开发
JavaScript:验证输入
【9月更文挑战第02天】
45 6
|
3月前
|
JavaScript 前端开发 API
JavaScript 验证 API
JavaScript 验证 API
30 2
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
116 1
|
4月前
|
前端开发 微服务 API
微服务浪潮下的JSF革新:如何在分散式架构中构建统一而强大的Web界面
【8月更文挑战第31天】随着微服务架构的兴起,企业将应用拆分成小型、独立的服务以提高系统可维护性和可扩展性。本文探讨如何在微服务架构下构建和部署JavaServer Faces (JSF) 应用,通过RESTful服务实现前后端分离,提升灵活性和适应性。
61 0
|
4月前
|
存储 JavaScript 前端开发
js登陆验证
js登陆验证
38 0