主要作用:统计文本框中输入的内容,以逗号分隔的字符串的个数。
用到知识:1、去掉前后空格;2、去掉数组中的空值;3、替换(把字符串中的全角逗号替换成半角逗号)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript</title>
<script language="javascript">
function change(){
var wbqyS = document.getElementById("wbqy").value;// 字符串
var wbqyA = wbqyS.replace(/\,/g,",").split(",");// 数组
document.getElementById("tj").value=checkArray(wbqyA).length;
}
function checkArray(a){// 检查数组是都有空值
var newArr = [];// 构造一个空数组
for(i=0;i<a.length;i++){
if(trim(a[i])!=""){// 不为空,就放在newArr数组中
newArr[newArr.length]=a[i];
}
}
return newArr;
}
function trim(s) {// 去掉空格
return s.replace(/^\s+|\s+$/g,"");
}
</script>
</head>
<body>
<textarea name="wbqy" rows="4" id="wbqy" onKeyUp="change()" style="width:100%; overflow:scroll; overflow-x:hidden; height:50px;"></textarea>
<input type="text" name="tj" value="0" id="tj" disabled="disabled" style="width:30px;text-align: right;"/>人
</body>
</html>