自己的js工具_Form 封装

代码如下:

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

赞 (0)

相关推荐

  • 自己的js工具_Form 封装

    复制代码 代码如下: /**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

  • 自己的js工具 Cookie 封装

    这个时候我们最好是将cookie操作封装起来,便于重用啊 ===================== 复制代码 代码如下: /** 类 Cookie 将此类放入用到的js文件中即可使用 1.add(name,value,100); 添加一个cookie 2.get(name); 3.remove(name); 用例: Cookie.add("sk","ss",3); alert(cookie.get("sk")); Cookie.remove(&

  • 自己的js工具 Event封装

    因为ie的event是全局的而firefox的event是局部的,用起来不太方便,这个时候我们就要自己组装一下常用的event操作了,封装成类便于重用 复制代码 代码如下: /** 类 Event 用法: Event.getEvent();获取 ie,firefox的event Event.getTarget();获取ie的srcElement或firefox的target Event.isIe();是否为ie Event.clientX(); 获取ie,fox的鼠标x坐标 Event.clie

  • 18个高频使用的JS工具方法总结

    目录 前言 1. 回到顶部 2. 删除数组指定项 3. 获取 url 某一个参数 4. 复制文本 5. 禁止复制文本 6. 复制文本带版权信息 7. 判断数据类型和数据值 8. ua 环境判断 9. 时间格式转换 10. 函数防抖 11. 全屏/退出全屏 12. 禁止打开控制台调试 13. 密码强度展示 14. 五星好评 15. 保留 n 位小数 16. 金额转大写 17. 常用正则判断 18. 解决运算精度丢失的问题 前言 将自己做前端6年以来在项目中使用很高频的工具方法整理了出来,分享一下,

  • vue中mixins的工具的封装方式

    vue中mixins的工具的封装方式

    目录 mixins工具的封装 vue的mixins的工具是什么? js工具代码 三.使用这个文件 vue组件封装及注意事项 调用的时候 我们已经会使用 父组件向子组件传数据了,那子组件如何来修改父组件的数据呢? mixins工具的封装 vue的mixins的工具是什么? 就是我们再写信息管理系统时,涉及到大量的增删查改调用后台接口的重复的方法,我们可以把这些方法集合起来直接作为一个js文件,后面可以直接引入,数据和方法都不需要声明,直接使用即可. 再概括一下,就是请求后台接口的方法的集合. js

  • JS类的封装及实现代码

    1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 复制代码 代码如下: function ShapeBase() { this.show = function() { alert("ShapeBase show"); }; this.init = function(){ alert("ShapeBase init&q

  • JavaScript中cookie工具函数封装的示例代码

    一. 语法 1.1 获取当前页面的所有cookie: var allCookies = document.cookie; allCookies 是一个字符串,其中包含了以分号分隔的cookie列表字符串 (即 key=value 键值对). 1.2 写一个新cookie: document.cookie = updatedCookie; updatedCookie是一个键值对形式的字符串.只能用这个方法一次设置或更新一个cookie,而且写入并不是覆盖,而是添加.例如: document.coo

  • 微信小程序工具函数封装

    本文实例为大家分享了微信小程序工具函数封装的具体代码,供大家参考,具体内容如下 const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second = date.getSec

  • 关于Jackson的JSON工具类封装 JsonUtils用法

    直接上代码,都有注释,一看就懂,完全满足日常开发需求 import com.fasterxml.jackson.annotation.JsonInclude.Include; import com.fasterxml.jackson.core.JsonProcessingException; import com.fasterxml.jackson.core.type.TypeReference; import com.fasterxml.jackson.databind.Deserializa

  • java8日期工具类封装的实战记录

    目录 前言 在Java 8中如何处理日期和时间 再封装 Java8新增的日期.时间包 总结 前言 java现在应该是更新到16了,想想我当年刚参加工作的时候.普遍还都是java7,那时候没有SpringBoot,没有springCloud,没有我的那个她 哈哈,扯的有点远了,拉回正题 今天我们聊聊java的日期类的一些骚操作 在Java 8中如何处理日期和时间 Java 8 中的 LocalDate 用于表示当天日期.和java.util.Date不同,它只有日期,不包含时间.当你仅需要表示日期

随机推荐