个人积累的常用的JavaScript代码

//去除字符串两边空格
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}
//字符串去除左空格
String.prototype.ltrim = function(){
return this.replace(/(^\s*)/g,"");
}
//字符串去除右空格
String.prototype.rtrim = function(){
return this.replace(/(\s*$)/g, "");
}
/**
* 邮箱验证
* return true|false;
*/
String.prototype.ismail = function(){
var regex = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if(regex.test(this)){
return true;
}else{
return false;
}
}
/**
* 身份证号验证
* return true(身份证号合法)|false(身份证号不合法)
*
*/
String.prototype.checkidcardnum = function(){
var message = new Array("验证通过!","身份证号码位数不对!","身份证号码出生日期超出范围或含有非法字符!","身份证号码校验错误!","身份证地区非法!");
var area={
11:"北京",
12:"天津",
13:"河北",
14:"山西",
15:"内蒙古",
21:"辽宁",
22:"吉林",
23:"黑龙江",
31:"上海",
32:"江苏",
33:"浙江",
34:"安徽",
35:"福建",
36:"江西",
37:"山东",
41:"河南",
42:"湖北",
43:"湖南",
44:"广东",
45:"广西",
46:"海南",
50:"重庆",
51:"四川",
52:"贵州",
53:"云南",
54:"西藏",
61:"陕西",
62:"甘肃",
63:"青海",
64:"宁夏",
65:"新疆",
71:"台湾",
81:"香港",
82:"澳门",
91:"国外"
}
var Y,JYM;
var S,M;
var idcard_array = new Array();
idcard_array = this.split("");
if(area[parseInt(this.substr(0,2))]==null){
//alert("错误信息"+message[4]);
return false;
}
switch(this.length){
case 15:
if ((parseInt(this.substr(6,2))+1900) % 4 == 0 || ((parseInt(this.substr(6,2))+1900) % 100 == 0 && (parseInt(this.substr(6,2))+1900) % 4 == 0 )){
ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性
}else{
ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
}
if(ereg.test(this)){
//alert("验证通过信息："+message[0]);
return true;
}else{
//alert("错误信息："+message[2]);
return false;
}
break;
case 18:
if( parseInt(this.substr(6,4)) % 4 == 0 || ( parseInt(this.substr(6,4)) % 100 == 0 && parseInt(this.substr(6,4))%4 == 0 )){
ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
}else{
ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
}
if(ereg.test(this)){
S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 + (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 + (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 + (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 + (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 + (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 + (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 + parseInt(idcard_array[7]) * 1 + parseInt(idcard_array[8]) * 6 + parseInt(idcard_array[9]) * 3 ;
Y = S % 11;
M = "F";
JYM = "10X98765432";
M = JYM.substr(Y,1);
if(M == idcard_array[17]){
//alert("验证通过信息："+message[0]);
return true;
}else{
//alert("错误信息："+message[3]);
return false;
}
}else{
//alert("错误信息："+message[2]);
return false;
}
break;
default:
//alert("错误信息："+message[1]);
return false;
break;
}
}

/**
*解决下拉列表(宽度不够)内容太长，内容被遮挡问题
* -Start
*/
function FixWidth(selectObj) {
if (navigator.userAgent.toLowerCase().indexOf("firefox") > 0) {
return;
}
var newSelectObj = document.createElement("select");
newSelectObj = selectObj.cloneNode(true);
newSelectObj.selectedIndex = selectObj.selectedIndex;
newSelectObj.id = "newSelectObj";

var e = selectObj;
var absTop = e.offsetTop;
var absLeft = e.offsetLeft;
while (e = e.offsetParent) {
absTop += e.offsetTop;
absLeft += e.offsetLeft;
}
with (newSelectObj.style) {
position = "absolute";
top = absTop + "px";
left = absLeft + "px";
width = "auto";
}
var rollback = function() {
RollbackWidth(selectObj, newSelectObj);
};
if (window.addEventListener) {
newSelectObj.addEventListener("blur", rollback, false);
newSelectObj.addEventListener("change", rollback, false);
} else {
newSelectObj.attachEvent("onblur", rollback);
newSelectObj.attachEvent("onchange", rollback);
}
selectObj.style.visibility = "hidden";
document.body.appendChild(newSelectObj);
var newDiv = document.createElement("div");
with (newDiv.style) {
position = "absolute";
top = (absTop - 10) + "px";
left = (absLeft - 10) + "px";
width = newSelectObj.offsetWidth + 20;
height = newSelectObj.offsetHeight + 20;
;
background = "transparent";
}
document.body.appendChild(newDiv);
newSelectObj.focus();
var enterSel = "false";
var enter = function() {
enterSel = enterSelect();
};
newSelectObj.onmouseover = enter;
var leavDiv = "false";
var leave = function() {
leavDiv = leaveNewDiv(selectObj, newSelectObj, newDiv, enterSel);
};
newDiv.onmouseleave = leave;
}

function RollbackWidth(selectObj, newSelectObj) {
selectObj.selectedIndex = newSelectObj.selectedIndex;
selectObj.style.visibility = "visible";
if (document.getElementById("newSelectObj") != null) {
document.body.removeChild(newSelectObj);
}
}

function removeNewDiv(newDiv) {
document.body.removeChild(newDiv);
}

function enterSelect() {
return "true";
}

function leaveNewDiv(selectObj, newSelectObj, newDiv, enterSel) {
if (enterSel == "true") {
RollbackWidth(selectObj, newSelectObj);
removeNewDiv(newDiv);
}
}
/**
*解决下拉列表(宽度不够)内容太长，内容被遮挡问题
*  -End
*/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> JavaScript库个人积累总结 </title>
<style type="text/css">
table tr td {
border:1px solid #D8DEF0;
cursor:default;
}
</style>
<script type="text/javascript" language="javascript" src="js/myjslib.js"></script>
<script type="text/javascript" language="javascript">
var $ = function(objectid){
return document.getElementById(objectid);
}
//标题颜色切换
function titColor(){
window.setInterval(function(){
if($("title").style.color=="yellow"){
$("title").style.color="red";
}else{
$("title").style.color="yellow";
}
},500);
}
</script>
</head>

<body style="background:#E2F5FA;" onload="titColor();">
<center>
<span id="title" style="color:yellow;font-size:16px;"><b>JavaScript方法积累</b></span>
<table style="border:1px solid #D8DEF0;cellpadding:0px;cellspacing:0px;width:100%;">
<thead style="background:#F0EFE3;">
<th width="20%" align="center">功能</th>
<th width="30%" align="center">示例</th>
<th widht="50%" align="center">说明</th>
</thead>
<tr align="left" onmouseover="this.style.background='#FEFFE7';" onmouseout="this.style.background='#E2F5FA';">
<td>1.字符串去左右空格</td>
<td><input type="text" name="strtrim" id="strtrim" value="   hello   "><input type="button" value="去两边空格" onclick="alert($('strtrim').value.trim());"></td>
<td><pre><code>方法：String.trim();</code></pre></td>
</tr>
<tr align="left" onmouseover="this.style.background='#FEFFE7';" onmouseout="this.style.background='#E2F5FA';">
<td>2.字符串去左空格</td>
<td><input type="text" name="strtrim" id="strlefttrim" value="   hello   "><input type="button" value="去左空格" onclick="alert($('strlefttrim').value.ltrim());"></td>
<td>方法：String.ltrim();</td>
</tr>
<tr align="left" onmouseover="this.style.background='#FEFFE7';" onmouseout="this.style.background='#E2F5FA';">
<td>3.字符串去右空格</td>
<td><input type="text" name="strtrim" id="strrighttrim" value="   hello   "><input type="button" value="去右空格" onclick="alert($('strrighttrim').value.rtrim());"></td>
<td>方法：String.rtrim();</td>
</tr>
<tr align="left" onmouseover="this.style.background='#FEFFE7';" onmouseout="this.style.background='#E2F5FA';">
<td>4.邮箱验证</td>
<td><input type="text" name="mail" id="mail" value="wangyi@163.com"><input type="button" value="验证" onclick="alert($('mail').value.ismail());"></td>
<td>方法：String.ismail();</td>
</tr>
<tr align="left" onmouseover="this.style.background='#FEFFE7';" onmouseout="this.style.background='#E2F5FA';">
<td>5.身份证号码验证</td>
<td><input type="text" name="idcardnum" id="idcardnum" value="130124198808155008"><input type="button" value="验证" onclick="alert($('idcardnum').value.checkidcardnum());"></td>
<td>方法：String.checkidcardnum();</td>
</tr>
<tr align="left" onmouseover="this.style.background='#FEFFE7';" onmouseout="this.style.background='#E2F5FA';">
<td>6.解决下拉列表内容长被遮挡问题</td>
<td>
<select name="Select1" style="width:80px;" onmouseover="FixWidth(this);">
<option id="A" title="this is A">AAAAAAAAAAAAAAA</option>
<option id="B" title="this is B">BBBBBBBBBBBBBBB</option>
<option id="C" title="this is C">CCCCCCCCCCCCCCC</option>
</select>
</td>
<td>方法：
onmouseover = FixWidth(this);
</td>
</tr>
</table>
</center>
</body>
</html>