自建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; } }
曾经听人说过一个好的程序员不是你能够花多少时间写出一个东西,而是能用最短的时候做出某一个东西,这就需要我们有很好的积累,见识过很多不同的代码,并且在需要用的时候能够快速的将它运用到自己的项目中。
我想这就得从编写自己的代码库开始了。