js 应用收集 供自己查看

1.单选,复选框提交
注:复选框内容是以type=XX&type=XX的形式提交

 
var form = document.getElementById("testForm");
var personalize = 1;
var i = 0;
for (i=0; i<form.personalize.length; i++){
    if (form.personalize[i].checked){
	personalize = form.personalize[i].value;
	break;
    }
}

2.js提交表单
1) input-button
2) 然后onclick事件调用 window.open(url); 的形式提交

3.js转换字符为数值
parseInt(string) parseFloat(string)

4.input输入框改变 即时获取 事件
IE : oninput
FF & Chrome : onpropertychange
我的解决方案是 都写...

5.正则

var patrn= //; 
if(patrn.exec(str)) return true;

a.全数字(包括正负,小数) :

/^[-]?\d+(\.\d+)?$/

b.手机号码:

/^1[3,4,5,8]\d{9}$/

c.邮政编码:

/[1-9]\d{5}(?!\d)/

d.Email:

/^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/

e.匹配不包含"<?"开头， 但包含“php”的字符

/^(?!(\<\?)).*?php.*/

6.获取键盘回车事件

 var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
  if (keyCode == 13) {
   //处理函数
  } 

7.替换文本框中的空格

replace(/\s+/g, " ")

8.跨域请求Access-Control-Allow-Origin
在响应的action中添加: response.addHeader("Access-Control-Allow-Origin", "http://www.xxx.com:8080");

8. IE下显示PNG图片的JS

function correctPNG() {
	for ( var i = 0; i < document.images.length; i++) {
		var img = document.images[i];
		var imgName = img.src.toUpperCase();
		if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") {
			var imgID = (img.id) ? "id='" + img.id + "' " : "";
			var imgClass = (img.className) ? "class='" + img.className + "' "
					: "";
			var imgTitle = (img.title) ? "title='" + img.title + "' "
					: "title='" + img.alt + "' ";
			var imgStyle = "display:inline-block;" + img.style.cssText;
			if (img.align == "left")
				imgStyle = "float:left;" + imgStyle;
			if (img.align == "right")
				imgStyle = "float:right;" + imgStyle;
			if (img.parentElement.href)
				imgStyle = "cursor:hand;" + imgStyle;
			var strNewHTML = "<span " + imgID + imgClass + imgTitle
					+ " style=\"" + "width:" + img.width + "px; height:"
					+ img.height + "px;" + imgStyle + ";"
					+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
					+ "(src=\'" + img.src
					+ "\', sizingMethod='scale');\"></span>";
			img.outerHTML = strNewHTML;
			i = i - 1;
		}
		;
	}
	;
};

if(navigator.userAgent.indexOf("MSIE")>-1) {
	window.attachEvent("onload", correctPNG);
};

9. 获取option的value和text

1、获取下拉菜单的Option的Value值
select.value
2、获取下拉菜单的Option的Text值
select.options[select.selectedIndex].text

10.获取radio选中值

$("input[name='PId']:checked").val(); 

11.限制input输入框文字的长度

	document.getElementById("wz").onkeyup=function(){limit(this,12)}
	function limit(obj, limit) {
	    var val = obj.value;
	    if (len(val) > limit) {
	        val=val.substring(0,limit);
	        while (len(val) > limit){
	            val = val.substring(0, val.length - 1);
	        };
	        obj.value = val;
	    }
	}

11.修剪字符串

function   trim(s){ 
if(s.length> 0){ 
if(s.charAt(0)== "   ") 
s=s.substring(1,s.length); 
if(s.charAt(s.length-1)== "   ") 
s=s.substring(0,s.length-1); 
//alert(s.charAt(0)== "   "||s.charAt(s.length-1)== "   "); 
if(s.charAt(0)== "   "||s.charAt(s.length-1)== "   ") 
return   trim(s); 
} 
return   s; 
} 

String.prototype.trim= function(){  
    // 用正则表达式将前后空格  
    // 用空字符串替代。  
    return this.replace(/(^\s*)|(\s*$)/g, "");  
}

12.实现js的replaceAll方法

String.prototype.replaceAll  = function(s1,s2){   
return this.replace(new RegExp(s1,"gm"),s2);   
}

$(document).ready(function(){}) 与$(function(){})是有区别的:

第一个是在文档加载完毕后才去调用function, 第二个是直接使用Jquery调用function

13.Jquery Ajax 返回 Error 错误

<a id="click" href="javascript:;" onclick="add();"></a> 
add()方法调用了ajax异步获取数据, 但是无论如何都是返回error, 方法执行了, 服务器端数据也更新了. 就是返回error. 
最后发现问题是 href="javascript:;", 
改为 href="#"就好了

14.fancybox关闭时候，刷新父类页面

'callbackOnClose':function(){window.location.href=window.location.href;}

15.倒计时 执行任务

var timer;
if(timer){
 clearInterval(timer);
}
timer=setInterval("hidePlayer()",time);

一定要 将设置 保存在变量中 方便中断.

15.字符串转数字, 数字转字符串

var number = string_value -0;
var n_as_string = n + "";