griefforyou 发表于 2004-5-18 12:14

如何限制文本框输入的字数

<FONT color=#000000><FONT color=#0000ff>&lt;</FONT><FONT color=#0000ff>!</FONT>DOCTYPE HTML PUBLIC <FONT color=#ff00ff>"-//W3C//DTD HTML 4.0 Transitional//EN"</FONT><FONT color=#0000ff>&gt;
</FONT><FONT color=#0000ff>&lt;</FONT>HTML<FONT color=#0000ff>&gt;
</FONT><FONT color=#0000ff>&lt;</FONT>HEAD<FONT color=#0000ff>&gt;
</FONT><FONT color=#0000ff>&lt;</FONT>script language<FONT color=#0000ff>=</FONT>JavaScript<FONT color=#0000ff>&gt;
</FONT><FONT color=#008080>//取得字符串的字节长度</FONT>
function ByteLen<FONT color=#0000ff>(</FONT>Str<FONT color=#0000ff>)</FONT><FONT color=#0000ff>{</FONT>
var Len<FONT color=#0000ff>=</FONT>0<FONT color=#0000ff>;</FONT>
Str<FONT color=#0000ff>=</FONT>Str <FONT color=#0000ff>+</FONT> <FONT color=#ff00ff>""</FONT><FONT color=#0000ff>;</FONT>

<FONT color=#800000><B>for</B></FONT><FONT color=#0000ff>(</FONT>var i<FONT color=#0000ff>=</FONT>1<FONT color=#0000ff>;</FONT>i<FONT color=#0000ff>&lt;</FONT><FONT color=#0000ff>=</FONT>Str<FONT color=#0000ff>.</FONT>length<FONT color=#0000ff>;</FONT>i<FONT color=#0000ff>+</FONT><FONT color=#0000ff>+</FONT><FONT color=#0000ff>)</FONT><FONT color=#0000ff>{</FONT>
  <FONT color=#800000><B>if</B></FONT><FONT color=#0000ff>(</FONT>Str<FONT color=#0000ff>.</FONT>charCodeAt<FONT color=#0000ff>(</FONT>i<FONT color=#0000ff>-</FONT>1<FONT color=#0000ff>)</FONT><FONT color=#0000ff>&gt;</FONT>255<FONT color=#0000ff>)</FONT> Len<FONT color=#0000ff>+</FONT><FONT color=#0000ff>=</FONT>2<FONT color=#0000ff>;</FONT>
  <FONT color=#800000><B>else</B></FONT> Len<FONT color=#0000ff>+</FONT><FONT color=#0000ff>=</FONT>1<FONT color=#0000ff>;</FONT>
<FONT color=#0000ff>}</FONT>
<FONT color=#800000><B>return</B></FONT><FONT color=#0000ff>(</FONT>Len<FONT color=#0000ff>)</FONT><FONT color=#0000ff>;
</FONT><FONT color=#0000ff>}
</FONT>
function ByteLeft<FONT color=#0000ff>(</FONT>Str<FONT color=#0000ff>,</FONT>Length<FONT color=#0000ff>)</FONT><FONT color=#0000ff>{</FONT>
var Len<FONT color=#0000ff>=</FONT>0<FONT color=#0000ff>;</FONT>
<FONT color=#800000><B>for</B></FONT><FONT color=#0000ff>(</FONT>var i<FONT color=#0000ff>=</FONT>1<FONT color=#0000ff>;</FONT>i<FONT color=#0000ff>&lt;</FONT><FONT color=#0000ff>=</FONT>Str<FONT color=#0000ff>.</FONT>length<FONT color=#0000ff>;</FONT>i<FONT color=#0000ff>+</FONT><FONT color=#0000ff>+</FONT><FONT color=#0000ff>)</FONT>
<FONT color=#0000ff>{</FONT>
  <FONT color=#800000><B>if</B></FONT><FONT color=#0000ff>(</FONT>Str<FONT color=#0000ff>.</FONT>charCodeAt<FONT color=#0000ff>(</FONT>i<FONT color=#0000ff>-</FONT>1<FONT color=#0000ff>)</FONT><FONT color=#0000ff>&gt;</FONT>255<FONT color=#0000ff>)</FONT> Len<FONT color=#0000ff>+</FONT><FONT color=#0000ff>=</FONT>2<FONT color=#0000ff>;</FONT>
  <FONT color=#800000><B>else</B></FONT> Len<FONT color=#0000ff>+</FONT><FONT color=#0000ff>=</FONT>1<FONT color=#0000ff>;</FONT>
  <FONT color=#800000><B>if</B></FONT><FONT color=#0000ff>(</FONT>Len<FONT color=#0000ff>=</FONT><FONT color=#0000ff>=</FONT>Length<FONT color=#0000ff>)</FONT> <FONT color=#800000><B>return</B></FONT><FONT color=#0000ff>(</FONT>Str<FONT color=#0000ff>.</FONT>substring<FONT color=#0000ff>(</FONT>0<FONT color=#0000ff>,</FONT>i<FONT color=#0000ff>)</FONT><FONT color=#0000ff>)</FONT><FONT color=#0000ff>;</FONT>
  <FONT color=#800000><B>else</B></FONT> <FONT color=#800000><B>if</B></FONT><FONT color=#0000ff>(</FONT>Len<FONT color=#0000ff>&gt;</FONT>Length<FONT color=#0000ff>)</FONT> <FONT color=#800000><B>return</B></FONT><FONT color=#0000ff>(</FONT>Str<FONT color=#0000ff>.</FONT>substring<FONT color=#0000ff>(</FONT>0<FONT color=#0000ff>,</FONT>i<FONT color=#0000ff>-</FONT>1<FONT color=#0000ff>)</FONT><FONT color=#0000ff>)</FONT><FONT color=#0000ff>;</FONT>
<FONT color=#0000ff>}
</FONT><FONT color=#0000ff>}</FONT>
function Test<FONT color=#0000ff>(</FONT>obj<FONT color=#0000ff>,</FONT>Num<FONT color=#0000ff>)</FONT><FONT color=#0000ff>{</FONT>
var str<FONT color=#0000ff>=</FONT>obj<FONT color=#0000ff>.</FONT>value<FONT color=#0000ff>;</FONT>
event<FONT color=#0000ff>.</FONT>keyCode<FONT color=#0000ff>=</FONT>0<FONT color=#0000ff>;</FONT>
var len<FONT color=#0000ff>=</FONT>ByteLen<FONT color=#0000ff>(</FONT>obj<FONT color=#0000ff>.</FONT>value<FONT color=#0000ff>)</FONT><FONT color=#0000ff>;</FONT>
document<FONT color=#0000ff>.</FONT>all<FONT color=#0000ff>(</FONT><FONT color=#ff00ff>"status"</FONT><FONT color=#0000ff>)</FONT><FONT color=#0000ff>.</FONT>innerText<FONT color=#0000ff>=</FONT><FONT color=#ff00ff>"剩余字节:"</FONT> <FONT color=#0000ff>+</FONT> <FONT color=#0000ff>(</FONT>160<FONT color=#0000ff>-</FONT>len<FONT color=#0000ff>)</FONT><FONT color=#0000ff>;</FONT>
<FONT color=#800000><B>if</B></FONT><FONT color=#0000ff>(</FONT>ByteLen<FONT color=#0000ff>(</FONT>str<FONT color=#0000ff>)</FONT><FONT color=#0000ff>&gt;</FONT>Num<FONT color=#0000ff>)</FONT> obj<FONT color=#0000ff>.</FONT>value<FONT color=#0000ff>=</FONT>ByteLeft<FONT color=#0000ff>(</FONT>str<FONT color=#0000ff>,</FONT>Num<FONT color=#0000ff>)</FONT><FONT color=#0000ff>;
</FONT><FONT color=#0000ff>}
</FONT><FONT color=#0000ff>&lt;</FONT><FONT color=#0000ff>/</FONT>script<FONT color=#0000ff>&gt;
</FONT><FONT color=#0000ff>&lt;</FONT>span id<FONT color=#0000ff>=</FONT>status<FONT color=#0000ff>&gt;</FONT>剩余字节<FONT color=#0000ff>:</FONT>160<FONT color=#0000ff>&lt;</FONT><FONT color=#0000ff>/</FONT>span<FONT color=#0000ff>&gt;</FONT><FONT color=#0000ff>&lt;</FONT>br<FONT color=#0000ff>&gt;
</FONT><FONT color=#0000ff>&lt;</FONT>textarea rows<FONT color=#0000ff>=</FONT>5 cols<FONT color=#0000ff>=</FONT>60 id<FONT color=#0000ff>=</FONT>edit onPropertyChange<FONT color=#0000ff>=</FONT><FONT color=#ff00ff>"JavaScript:(Test(this,160))"</FONT><FONT color=#0000ff>&gt;</FONT><FONT color=#0000ff>&lt;</FONT><FONT color=#0000ff>/</FONT>textarea<FONT color=#0000ff>&gt;</FONT></FONT>
[align=right][color=#000066][此贴子已经被作者于2004-05-18 12:25:56编辑过][/color][/align]

静夜思 发表于 2004-5-18 21:34

楼主怎么不把html写完,虽然能显示网页

寒星 发表于 2004-6-7 08:32

<P>用iavascript的function检测一下输入长度阿</P><P>超过了,弹出警告:alert</P>

大光 发表于 2004-6-20 16:35

<P>8错,很实用。</P>

巩云雷 发表于 2004-8-23 15:18

<TABLE border=0 class=tablebody2 style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all; word-wrap: break-word" width="90%"><TR><TD 9pt; LINE-HEIGHT: 12pt" width="100%"><img src="http://websx.home.zccn.net/bbs/Skins/Default/topicface/face1.gif"> <B>[求助]如何用回车键取代table建</B>
<P>如何在jsp页面里面用javaScript编写一个用回车键取代table健</P><P>用于控制文本框的输入流程 例如:先出生  年--回车后到出生的  月  ---回车到出生的  日  ??????</P><P>谢谢各位高手</P></TD></TR></TABLE>

yms123 发表于 2004-8-23 22:00

<P>怎样在javascript里限制文本框输入的数据类型,也就是只能输入数字或只能输入字符?</P>

jacky 发表于 2004-12-18 10:19

<P>这是只能输入数字的:</P><P>&lt;script&gt;</P><P>var numeric=document.form1.textbox1.value</P><P>function checkIt()</P><P>{</P><P>for(var i=0;i&lt;numeric.length;i++)</P><P>var oneChar=numeric.charAt(i)</P><P>if(oneChar&lt;"0"||oneChar&gt;"9")</P><P>alert("请你只输入数字!")</P><P>}</P><P>&lt;/script&gt;</P><P>好象就这样了吧</P>

aniude 发表于 2004-12-20 01:34

<P>51JS上面讨论过了,改成中文是不行的 </P>

海天㊣一笑 发表于 2005-8-3 17:09

  如何用ASP代码限制文本框只输入0-9之间的数字?  很急,我在线上等大家回帖

ly_timothy 发表于 2005-8-14 17:23

其实在text里限制通过限制文本筐的长度来限制输入的字符数!

text 有个属性:maxlength

itokit 发表于 2007-12-4 11:17

很不错。不过不支持ff。可惜了。[tk06]

lmhllr 发表于 2007-12-4 11:43

04年的帖子啊...不容易,呵呵...

页: [1]

编程论坛