当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 自己的js工具_Form 封装

Javascript
JavaScript Break 和 Continue区别教程
JavaScript 特殊字符
JavaScript 指导方针
JavaScript进阶教程(第四课第一部分)
JavaScript初级教程(第一课)
JavaScript初级教程(第五课续)
JavaScript进阶教程(第一课)
JavaScript进阶教程(第二课)
JavaScript进阶教程(第二课续)
JavaScript进阶教程(第三课)
JavaScript进阶教程(第三课第二部分)
setTimeout在类中使用的问题!
如何解决attachEvent函数时,this指向被绑定的元素的问题?
js检测客户端不是firefox则提示下载
在页面上点击任一链接时触发一个事件的代码
仿豆瓣分页原型(Javascript版)
javascript表格控件:Chgrid,简化型
收集的网上用的ajax之chat.js文件
给网站上的广告“加速”显示的方法
在JavaScript中通过URL传递汉字的方法

Javascript 中的 自己的js工具_Form 封装


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 435 ::
收藏到网摘: n/a

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("&");
}
};