踩坑 - JavaScript 篇

This is a note for writing down what I have learnt through my work.

And this note is for JavaScript.


统一社会信用代码的验证

统一社会信用代码的规则(2015年)详见:统一社会信用代码编码规则
结构

统一代码由十八位的阿拉伯数字或大写英文字母(不使用I、O、Z、S、V)组成。

第1位:登记管理部门代码(共一位字符)第2位:机构类别代码(共一位字符)第3位~第8位:登记管理机关行政区划码(共六位阿拉伯数字)第9位~第17位:主体标识码(组织机构代码)(共九位字符)第18位:校验码(共一位字符)

代码及说明

登记管理部门代码:使用阿拉伯数字或大写英文字母表示。

机构编制:1民政:5工商:9其他:Y

机构类别代码:使用阿拉伯数字或大写英文字母表示。

机构编制机关:11打头机构编制事业单位:12打头机构编制中央编办直接管理机构编制的群众团体:13打头机构编制其他:19打头民政社会团体:51打头民政民办非企业单位:52打头民政基金会:53打头民政其他:59打头工商企业:91打头工商个体工商户:92打头工商农民专业合作社:93打头其他:Y1打头

登记管理机关行政区划码:只能使用阿拉伯数字表示。按照GB/T 2260编码。

主体标识码(组织机构代码):使用阿拉伯数字或英文大写字母表示。按照GB 11714编码。

在实行统一社会信用代码之前,以前的组织机构代码证上的组织机构代码由九位字符组成。格式为XXXXXXXX-Y。前面八位被称为“本体代码”;最后一位被称为“校验码”。校验码和本体代码由一个连字号(-)连接起来。以便让人很容易的看出校验码。但是三证合一后,组织机构的九位字符全部被纳入统一社会信用代码的第9位至第17位,其原有组织机构代码上的连字号不带入统一社会信用代码。

原有组织机构代码上的“校验码”的计算规则是:

例如:某公司的组织机构代码是:59467239-9。那其最后一位的组织机构代码校验码9是如何计算出来的呢?

第一步:取组织机构代码的前八位本体代码为基数。5 9 4 6 7 2 3 9 提示:如果本体代码中含有英文大写字母。则A的基数是10,B的基数是11,C的基数是12,依此类推,直到Z的基数是35。

第二步:取加权因子数值。因为组织机构代码的本体代码一共是八位字符。则这八位的加权因子数值从左到右分别是:3、7、9、10、5、8、4、2。

第三步:本体代码基数与对应位数的因子数值相乘。
5×3=15,9×7=63,4×9=36,6×10=60,7×5=35,2×8=16,3×4=12,9×2=18

第四步:将乘积求和相加。15+63+36+60+35+16+12+18=255

第五步:将和数除以11,求余数。255÷11=33,余数是2。

第六步:用阿拉伯数字11减去余数,得求校验码的数值。当校验码的数值为10时,校验码用英文大写字母X来表示;当校验码的数值为11时,校验码用0来表示;其余求出的校验码数值就用其本身的阿拉伯数字来表示。11-2=9,因此此公司完整的组织机构代码为 59467239-9。

校验码:使用阿拉伯数字或大写英文字母来表示。校验码的计算方法参照 GB/T 17710。

例如:某公司的统一社会信用代码为91512081MA62K0260E,那其最后一位的校验码E是如何计算出来的呢?

第一步:取统一社会信用代码的前十七位为基数。9 1 5 1 2 0 8 1 21 10 6 2 19 0 2 6 0 提示:如果前十七位统一社会信用代码含有英文大写字母(不使用I、O、Z、S、V这五个英文字母)。则英文字母对应的基数分别为:A=10、B=11、C=12、D=13、E=14、F=15、G=16、H=17、J=18、K=19、L=20、M=21、N=22、P=23、Q=24、R=25、T=26、U=27、W=28、X=29、Y=30

第二步:取加权因子数值。因为统一社会信用代码前面前面有十七位字符。则这十七位的加权因子数值从左到右分别是:1、3、9、27、19、26、16、17、20、29、25、13、8、24、10、30、28

第三步:基数与对应位数的因子数值相乘。9×1=9,1×3=3,5×9=45,1×27=27,2×19=38,0×26=0,8×16=1281×17=17,21×20=420,10×29=290,6×25=150,2×13=26,19×8=1520×23=0,2×10=20,6×30=180,0×28=0

第四步:将乘积求和相加。9+3+45+27+38+0+128+17+420+290+150+26+152+0+20+180+0=1495

第五步:将和数除以31,求余数。1495÷31=48,余数是17。

第六步:用阿拉伯数字31减去余数,得求校验码的数值。当校验码的数值为0~9时,就直接用该校验码的数值作为最终的统一社会信用代码的校验码;如果校验码的数值是10~30,则校验码转换为对应的大写英文字母。对应关系为:A=10、B=11、C=12、D=13、E=14、F=15、G=16、H=17、J=18、K=19、L=20、M=21、N=22、P=23、Q=24、R=25、T=26、U=27、W=28、X=29、Y=30

因为,31-17=14,所以该公司完整的统一社会信用代码为 91512081MA62K0260E。

creditcode: function(element) {
var str = element.value + '';
var roughReg = /[IOZVS]/;
var specificReg = /^((1[1239])|(5[1239])|(9[123])|(Y1))\d{6}[0-9ABCDEFGHJKLMNPQRTUWXY]{9}$/; // 前17位
var baseMap = {}; // 存放基数的Map
var allow = 'ABCDEFGHJKLMNPQRTUWXY'.split(''); // 允许的英文字母(用来生成字母的基数对照表)
var weighting = [1,3,9,27,19,26,16,17,20,29,25,13,8,24,10,30,28]; // 加权因子
var letterReg = /^[A-Z]$/;
var first17 = str.slice(0, str.length-1);
var arr = str.split('');
if (str.length !== 18) return '!18';
if (roughReg.test(str) === true) return 'rough';
if (specificReg.test(first17) !== true) return 'specific';
// 生成字母的基数对照表
for(var i=0, len=allow.length, base=10; i<len; i++, base++) {
baseMap[ allow[i] ] = base;
}
// 基数和对应位数的加权因子数值相乘,并把乘积求和
var sum = 0;
for(var j=0, leng=first17.length; j<leng; j++) {
if ( letterReg.test(first17[j]) === true ) {
sum += parseInt( baseMap[ first17[j] ] ) * weighting[j];
} else {
sum += parseInt( first17[j] ) * weighting[j];
}
}
// 对总和进行31求余,得到余数
var rest = sum % 31;
// 用31减去余数,0-9直接作为校验码,其余的在基数对照表查找
var minus = 31 - rest;
var validChar;
if (minus >= 10) {
if (minus != 31) {
for(var k in baseMap) {
if (baseMap.hasOwnProperty(k) && baseMap[k] === minus) {
validChar = k;
break;
}
}
} else {
// 特殊情况,总和刚好被31整除,这样算0
validChar = 0;
}
} else {
validChar = minus;
}
// 和最后一位做比较
if (str[17] == validChar) {
return true;
} else {
return false;
}
}

(代码只是个初始版,未经过优化)

监听输入法的事件 compositionstart & compositionend。

前者是开始使用输入法时触发(此时还没有选词),后者是当选定某个词,结束输入时触发。

$('#test-form').on('compositionend paste', '#validcompany', function(event){
var $this = $(this);
var type = 'name';
if ( validType('chinese', $this.val()) ) { // 通过公司名称验证
console.log(2);
try{
clearTimeout(times);
} catch(e) {
console.log(e);
}
times = setTimeout(function(){
getQuery($this, type, paintResult);
},300);
}
})

搜索框根据用户输入内容请求数据。

可以使用键盘事件 keydown 监听用户输入的事件,也可以是元素的 propertychange 事件(IE 是 input 事件),监听元素属性值的变化。
监听的过程,不会即时发送请求,一般通过监视用户输入,当达到 300ms 的停顿时,就会发送请求。
实现:

// 在 keydown 或者是 propertychange 等事件的 handler 中使用 JavaScript 的定时器
try {
clearTimeout(timer);
} catch(e) {
console.log(e)
}
times = setTimeout(doSomething, 300);

Ajax 参数

在使用 jQuery 的 ajax() 发出请求时,参数不能传一个 DOM 对象(嗯,我是手误= =b)。
一旦手误传过去了,执行 ajax() 的时候就会报错:

Uncaught RangeError: Maximum call stack size exceeded