用JS实现字符处理
2016-04-28 15:15
337 查看
统计一共有多少个数字,字母,特殊字符。 限制最多输入100个字符
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
function sum(){
var str = document.getElementById("text").value;
var lower =0;
var uper = 0;
var num = 0;
var other = 0;
for(var i=0;i<str.length;i++){
if(str.charAt(i)>="A" && str.charAt(i)<="Z")
uper++;
else if(str.charAt(i)>="a" && str.charAt(i)<="z")
lower++;
else if(str.charAt(i)>=0 && str.charAt(i)<=9)
num++;
else{
other++
}
}
document.write("大写字母的个数:"+uper+"小写字母的个数:"+lower+"数字的个数:"+num+"其它字符:"+other);
}
function numWord(){
//alert("fuji");
var str = document.getElementById("text").value;
var len = str.length;
var lenvar = 99 - len;
document.getElementById("textspan").innerHTML="剩余字符"+lenvar+"个";
if(len >98){
document.getElementById("textspan").style.color="red";
str=str.substr(0,98);
document.getElementById("text").value=str;
}
}
</script>
<body>
<textarea id="text" rows="3" cols="4" onkeydown="numWord()"></textarea>
<span id="textspan">剩余个数(100)个</span>
<input type="button" value="登录" id="btn" onclick="sum()" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
function sum(){
var str = document.getElementById("text").value;
var lower =0;
var uper = 0;
var num = 0;
var other = 0;
for(var i=0;i<str.length;i++){
if(str.charAt(i)>="A" && str.charAt(i)<="Z")
uper++;
else if(str.charAt(i)>="a" && str.charAt(i)<="z")
lower++;
else if(str.charAt(i)>=0 && str.charAt(i)<=9)
num++;
else{
other++
}
}
document.write("大写字母的个数:"+uper+"小写字母的个数:"+lower+"数字的个数:"+num+"其它字符:"+other);
}
function numWord(){
//alert("fuji");
var str = document.getElementById("text").value;
var len = str.length;
var lenvar = 99 - len;
document.getElementById("textspan").innerHTML="剩余字符"+lenvar+"个";
if(len >98){
document.getElementById("textspan").style.color="red";
str=str.substr(0,98);
document.getElementById("text").value=str;
}
}
</script>
<body>
<textarea id="text" rows="3" cols="4" onkeydown="numWord()"></textarea>
<span id="textspan">剩余个数(100)个</span>
<input type="button" value="登录" id="btn" onclick="sum()" />
</body>
</html>
相关文章推荐
- javascript 从ueditor中学到的闭包知识
- js 匿名函数传参
- 正则 表达式 收藏
- web Worker使js实现‘多线程’?
- Js怎么调用外部Js
- 用JS控制按钮的可用不可用
- js学习笔记
- javascript中的构造函数和继承
- JSP 基础
- 如何用QUnit为JS代码做单元测试
- js控件赋值中文乱码
- javascript中json数据添加元素
- javascript创建css、js,onload触发callback兼容主流浏览器的实现
- JavaScript字符串的取值与编码转换
- JavaScript 设计模式之构造函数模式
- <a href="javascript:;">中href中的javascript:;的作用
- sea.js的模块化开发起步
- 最最最重要重要的一件事:在JS中
- 用JS监听事件(函数封装)修改页面属性
- 关闭IE浏览器窗口时触发的动作js