JS常用知识积累

1：JS计算汉字UTF-8汉字长度

//（采取将255意外的字符替换成"aaa"的做法，取长度）  
function  getStrLeng(str)   
{  
    return str.replace(/[^\x00-\xff]/g,"aaa").length;  //utf-8站3个字节
};   

2：将from表单元素的值序列化成对象 
function serializeObject(form) {
var o = {};
$.each(form.serializeArray(), function(index) {
if (o[this['name']]) {
o[this['name']] = o[this['name']] + "," + this['value']
} else {
o[this['name']] = this['value']
}
});
return o;
}

3:input常用校验方式实现

<h3>输入完按回车后即可验证！（自认为最简单！）</h3>   
正整数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^\d+$/.test(this.value));">   
<br>   
负整数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-\d+$/.test(this.value));">   
<br>   
整　数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+$/.test(this.value));">   
<br>   
正小数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^\d+\.\d+$/.test(this.value));">   
<br>   
负小数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-\d+\.\d+$/.test(this.value));">   
<br>   
小　数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.\d+$/.test(this.value));">   
<br>   
实　数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d*$/.test(this.value));">   
<br>   
保留1位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,1}$/.test(this.value));">   
<br>   
保留2位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,2}$/.test(this.value));">   
<br>   
保留3位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,3}$/.test(this.value));">   
<br>   

4：jquey操作select

var sel = $("#sel");

sel.empty();//清空选择列表
for(var i=0;i<data.length;i++) {
var option = $("<option>").text(data.name).val(data.value);
sel.append(option);//追加选择列表
}

$"#select_id").change(function(){});//1:添加触发事件

$("#select_id").val(); // 2.获取Select选中项的Value  

$("#select_id :selected").text(); // 3.获取Select选中项的Text   

("#select_id").val(4);  // 4.设置Select的Value值为4的项选中

$("#select_id").append("<option value='新增'>新增option</option>"); // 5.为Select追加一个Option(下拉项)   

$("#select_id").prepend("<option value='请选择'>请选择</option>"); // 6.为Select插入一个Option(第一个位置)  

$("#select_id").get(0).remove(1);  // 7.删除Select中索引值为1的Option(第二个)  

$("#select_id :last").remove();  // 8.删除Select中索引值最大Option(最后一个)   

$("#select_id [value='3']").remove(); // 9.删除Select中Value='3'的Option   

$("#select_id").empty();   // 10.清空下拉列表