封装自己的js工具_Form

web工程,需要不断的与表单打交道,每次我们都需要对表单进行一下必要的验证,以减小或阻止某些脏数据,这个时候如果我们把一些常用的表单操作组装成类,日后用的话就方便多了

===================================

/**Form对象
封装了常用表单操作,
Form.isChinese(str);验证str是否为中文
Form.urlEncode(str);url编码
Form.getFormElements(formid); 获取表单的元素数组
最常用的方法
Form.getForm(formid); 获取表单的数据字符串
*/
var Form=function(){
 //中文
 this.isChinese=function(str){
  return /[/u4e00-/u9fa5]/.test(str);
 }
 //非字母数字下划线
 this.isSpecial=function(str){
  return //W/.test(str);
 }
 //地址编码
 this.urlEncode=function(str){
  return encodeURI(encodeURI(str));
 }
 //密码输入等级,最大5级
 this.checkLevel=function(str){
  var len=str.length;
  var sLen=str.match(//W+/g).join('').length;
  var r1=len<8?1:len>8&&len<14?2:len>14&&len<21?3:len>21&&len<28?4:5;
  var r2=sLen>1&&sLen<2?1:sLen>2&&sLen<4?2:sLen>4&&sLen<6?3:sLen>6&&sLen<8?4:5;
  return Math.ceil((r1+r2)/2);
 }
 //获取表单内部元素
 this.getFormElements=function(form){
  var elements=[];
  var params= form.elements;
  for(var i=0;i<params.length;i++){
   var param=params[i];
   var type=param.type;
   if(type!=""&&type!="button"&&type!="reset" && type!="submit"){ //非按钮,非图片域
    elements.push(param);
   }
  }
  return elements;
 }
 /*获取表单数据
 1>非空验证
 2>中文加密,服务端用utf-8解密
 form's id ,选项格式如下
 var opts={nameIdError:"表单元素必须有name或id",valueError:"值为空"};
 @result: 为请求字符串格式, 如?query=abc
 用法:
 var opts={nameIdError:"name id error",valueError:"value error"};
 try{
 var result = Form.getForm(form,opts);
 }catch(e){
  alert(e.message);
  e.target.focus();
  return;
 }
 alert(result);
 */
 this.getForm=function(form,options){
  var defNameErr="表单元素必须有name或id";
  var defValueErr="值为空";
  var params=[];//参数数组
  var err={};//异常对象
  var elements=this.getFormElements(form);
  for(var i=0;i<elements.length;i++){
   var element=elements[i];
   var value=element.value;
   var name=element.name?element.name:element.id;   
   if(!name){
    err["target"]=element;
     defNameErr+="["+element+"]";
     nameIdError+="["+element+"]";
    err["message"]=!options?defNameErr:options.nameIdError?options.nameIdError:defNameErr;
   }else if(!value){
    err["target"]=element;
     defValueErr+="["+element+"]";
     options.valueError+="["+element+"]";
    err["message"]=!options?defValueErr:options.valueError?options.valueError:defValueErr;
   }
   if(err["target"]){
    throw err;
   }
   if(this.isChinese(value)){
    value=this.urlEncode(value);
   }
   params.push(name+"="+value);
  }
  return params.join("&");
 }
};