讓jquery validation plugin 支援zepto

讓jquery validation plugin 支援zepto

做移動端快一年了，一直糾結移動端是用zepto還是用jquery，移動端一直傾向於使用zepto，無奈zepto相關外掛程式太少了，為了讓jquery外掛程式支援zepto不得不修改外掛程式的原始碼。今天我給大家展示的是如何讓jquery.validate.js支援zepto庫。

1、替換不相容的選取器 a、將$.data(selector,dataname)改成$(selector).data(dataname); b、將:submit,:reset,:image,:text 改成[type='submit'],[type='image'],type='text']2、因為jquery和zepto擷取不存在屬性返回的值不一樣，導致Number(value)返回的值也不一樣，這個會導致mix..、max..驗證不能去掉；

找到以下代碼

if (/min|max/.test(method) && (type === null || /number|range|text/.test(type))) {    value = Number(value);}

替換成

if (/min|max/.test(method) && (type === null || /number|range|text/.test(type))) {    value = (value === null || value === ) ? undefined : value;    value = Number(value);}

3、替換$.validator.format方法

// http://jqueryvalidation.org/jQuery.validator.format/$.validator.format = function (source, params) {    if (arguments.length === 1) {        return function () {            var args = [].slice.call(arguments[0])//$.makeArray(arguments);            args.unshift(source);            return $.validator.format.apply(this, args);        };    }    if (arguments.length > 2 && params.constructor !== Array) {        params = [].slice.call(arguments).slice(1);//$.makeArray(arguments).slice(1);    }    if (params.constructor !== Array) {        params = [params];    }    console.log(params);    $.each(params, function (i, n) {        source = source.replace(new RegExp(\{ + i + \}, g), function () {            return n;        });    });    return source;};

4、修複remote方法，將ajax改為同步，即添加async:false