html中利用javascript实现文本框字数的动态计算
2011-11-28 09:48
513 查看
将下列代码存为一个htm文件即可.
<script language="javascript">
var cmccCount = 60; unionCount = 60; phsCount = 30; cncCount = -1;
function showcount(obj)
{
var len = obj.value.length;
document.all.wordCount.innerText = '当前字符数:'+len;
if(cmccCount > 0)
document.all.cmccSeg.innerText = '移动当前分段:'+ Math.floor(len / cmccCount + 1);
else
document.all.cmccSeg.innerText = '移动当前分段:-1';
if(unionCount > 0)
document.all.unionSeg.innerText = '联通当前分段:'+ Math.floor(len / unionCount + 1);
else
document.all.unionSeg.innerText = '联通当前分段:-1';
if(phsCount > 0)
document.all.phsSeg.innerText = '电信当前分段:'+ Math.floor(len / phsCount + 1);
else
document.all.phsSeg.innerText = '电信当前分段:-1';
if(cncCount > 0)
document.all.cncSeg.innerText = '网通当前分段:'+ Math.floor(len / cncCount + 1);
else
document.all.cncSeg.innerText = '网通当前分段:-1';
}
function printResult(obj){ obj.document.execCommand('Print',false); }
</script>
<form>
this is title not to be printed.
<table id="tbl"><tr><td>
<textarea id="tt" onkeyup="showcount(this)"></textarea>
<input type=text id="cc"></input>
<span id="wordCount"></span><BR/>
<span id="cmccSeg"></span><BR/>
<span id="unionSeg"></span><BR/>
<span id="phsSeg"></span><BR/>
<span id="cncSeg"></span>
<input type=button value="print"/>
</td></tr>
</table>
and this too.
</form>
<script language="javascript">
var cmccCount = 60; unionCount = 60; phsCount = 30; cncCount = -1;
function showcount(obj)
{
var len = obj.value.length;
document.all.wordCount.innerText = '当前字符数:'+len;
if(cmccCount > 0)
document.all.cmccSeg.innerText = '移动当前分段:'+ Math.floor(len / cmccCount + 1);
else
document.all.cmccSeg.innerText = '移动当前分段:-1';
if(unionCount > 0)
document.all.unionSeg.innerText = '联通当前分段:'+ Math.floor(len / unionCount + 1);
else
document.all.unionSeg.innerText = '联通当前分段:-1';
if(phsCount > 0)
document.all.phsSeg.innerText = '电信当前分段:'+ Math.floor(len / phsCount + 1);
else
document.all.phsSeg.innerText = '电信当前分段:-1';
if(cncCount > 0)
document.all.cncSeg.innerText = '网通当前分段:'+ Math.floor(len / cncCount + 1);
else
document.all.cncSeg.innerText = '网通当前分段:-1';
}
function printResult(obj){ obj.document.execCommand('Print',false); }
</script>
<form>
this is title not to be printed.
<table id="tbl"><tr><td>
<textarea id="tt" onkeyup="showcount(this)"></textarea>
<input type=text id="cc"></input>
<span id="wordCount"></span><BR/>
<span id="cmccSeg"></span><BR/>
<span id="unionSeg"></span><BR/>
<span id="phsSeg"></span><BR/>
<span id="cncSeg"></span>
<input type=button value="print"/>
</td></tr>
</table>
and this too.
</form>
相关文章推荐
- html中利用javascript实现文本框字数的动态计算
- html中利用javascript实现文本框字数的动态计算
- html中利用javascript实现文本框字数的动态计算
- javascript/HTML实现多个text控件自动/动态计算总数
- 利用JavaScript实现的根据经纬度计算地球上两点之间的距离
- 利用html,JavaScript计算常用图形面积
- 在JavaScript中实现统计文本框Textarea字数
- 利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
- 用javascript动态添加删除文本框(轉自:http://www.diybl.com/course/1_web/javascript/jsjs/200838/103423.html)
- 动态统计字数(JavaScript+HTML控件)
- 在android中利用多线程实现对控件的更新(动态修改文本框中的值)。简述原理并上传代码。
- 利用html,JavaScript计算常用图形面积
- 利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
- html中的数据岛:利用DSO和javascript在html中动态加载和浏览xml数据
- Javascript中利用window.event.keyCode 实现金融文本框禁用非法输特效!
- 利用C#动态编译功能实现像Javascript中的Eval的功能来将一段字符串进行数学运算
- [置顶] 在HTML表单中利用JavaScript实现图片上传的前端校验
- 利用javascript实现html之前的数据传递
- jQuery + JavaScript 实现的动态添加文本框功能 和 动态删除文本框功能(二)