超实用的JavaScript表单代码段_javascript技巧

1 多个window.onload方法

　　由于onload方法时在页面加载完成后，自动调用的。因此被广泛的使用，但是弊端是只能实用onload执行一个方法。下面代码段，可以保证多个方法在Onload时执行：

2 正则表达式去空格

3 利用正则过滤中文

4 禁止用户的拷贝和复制

5 限制字符串长度（区分中英文）

　　主要思想：

　　需要3个数据：1 限制输入的长度；2 已经输入了多长； 3 截取多少个字符；

　　由于JS里面的截取方法不区分中英文 ，因此

　　“哈哈哈”.substr(0,2) ----> 哈哈

　　“haha”.substr(0,2) ---> ha

　　但是，如果按照编码一个汉字应该对应2个字符，一个字母对应一个字符。

　　因此统计 真实长度 时，应该是 字符的长度 + 汉字的个数

　　例如我们限制输入5个字符：那么输入“哈哈”后，就只能输入一个h，不能再输入汉字了。代码参考如下，可以运行一下推敲推敲。

全部代码：

 
 
 
 function addLoadEvent(func){
 var oldonload = window.onload;
 if(typeof window.onload != 'function'){
 window.onload = func;
 }else{
 window.onload = function(){
 oldonload();
 func();
 }
 }
 }
 


 
（支持中英文区分）限制字符串长度
 
 
 
 
 
 
 
 
 

6 添加CSS函数

使用时

7 自适应文本框

采用scrollHeight复制给style.height

8 复选框全选、取消和反选

//下面html代码

 读书


 跑步


 游戏


 游泳

//下面是js代码
var targets = document.getElementsByName("actionSelects");
var targetsLen = targets.length;
var i = 0;
document.getElementById("allSelect").onclick = function(){
 for(i=0;i

希望本文所述对大家学习javascript程序设计有所帮助。