学习网考试学习资料

Gzu521.com

超级实用的几种表单校验效果收集(4)

Javascript教程   点击:次   发布时间:2007-4-25   【字体: 】   来源:Gzu521.com
贵 州 学 习 网

   

提示限制输入的字符数   

   

程序代码:  
<script language=’javascript’>  
<!--  

function symerror()  
{  
return true;  
}  

window.onerror = symerror;  

function strlength(str){  
var l=str.length;  
var n=l  
for (var i=0;i<l;i++)  
{  
if (str.charcodeat(i)<0||str.charcodeat(i)>255) n++  
}  
return n  
}  

function changebyte(value,length){  
var l=strlength(value)  
if (l<=length) {  
if (document.all!=null) document.all(’byte’).innertext=’还可以输入’+(length-l)+’字节’  
}  
else  
{  
document.all(’byte’).innertext=’输入字节数超出范围’  
}  
return true  
}  

function changebyte1(value,length){  
var l=strlength(value)  
if (l<=length) {  
if (document.all!=null) document.all(’byte1’).innertext=’还可以输入’+(length-l)+’字节’  
}  
else  
{  
document.all(’byte1’).innertext=’输入字节数超出范围’  
}  
return true  
}  

function changebyte2(value,length){  
var l=strlength(value)  
if (l<=length) {  
if (document.all!=null) document.all(’byte2’).innertext=’还可以输入’+(length-l)+’字节’  
}  
else  
{  
document.all(’byte2’).innertext=’输入字节数超出范围’  
}  
return true  
}  
</script>  
<form method=’post’ name=test onsubmit=’return checkdata()’ action=’’>  
<textarea onkeydown=’return changebyte1(document.test.icqcontent.value,198)’ onkeyup=’return changebyte1(document.test.icqcontent.value,198)’ name=icqcontent cols=40 rows=’3’></textarea>  
<span id=byte1><script language=javascript>changebyte1(document.test.icqcontent.value,198);</script></span>  
</form>   

*************************************************************   

判断填写字数的限制   

   

程序代码:  
<script language=javascript>  
function gbcount(message,total,used,remain)  
{  
var max;  
max&n, bsp;= total.value;  
if(message.value.length > max){  
message.value = message.value.substring(0,max);  
used.value = max;  
remain.value = 0;  
alert(’留言不能超过规定的字数!’);  
}  
else{  
used.value = message.value.length;  
remain.value = max - used.value;  
}  
}  
</script>  

<form name=’myform’ >  
<textarea name=’guestcontent’ cols=’59’ rows=’6’ onkeydown=gbcount(this.form.guestcontent,this.form.total,this.form.used,this.form.remain); onkeyup=gbcount(this.form.guestcontent,this.form.total,this.form.used,this.form.remain);></textarea>  
最多字数:<input disabled maxlength=4 name=total size=3 value=20>  
已用字数:<input disabled maxlength=4 name=used size=3 value=0>  
剩余字数:<input disabled maxlength=4 name=remain size=3>  
</form> 

上一页
本文共4页: 第 [1] [2] [3] [4]

责任编辑:gzu521

网页设计分类
HTML教程
CSS教程
Javascript教程
Dreamweaver教程
FrontPages教程
FireWorks教程
Flash教程
PhotoShop教程
建站知识
分类推荐信息
更多...
大类最新文章
更多...