当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码限定文本框可输入字符数

JS代码限定文本框可输入字符数

2012/10/19 11:05:27作者:佚名来源:网络

移动端

【实例名称】

限定文本框可输入字符数

【实例描述】

在数据库中,数据字段的长度是固定的,为了阻止用户输入超长的数据,可通过自定义方法限定用户输人的数据长度。

【实例代码】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <script language="javascript"> function textcontrol(content) {    if (txt.length > 200) // 如果文本框的长度大于200 document.txt.value=document.txt.value.substring(0, 200); //截取前200字符 }

</script> </head> <body> <textarea name="txt" cols="50" rows="10" onPropertyChange="textcontrol(txt.value)"> </textarea> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例的重点有两个,即获取指定的文本框、截取特定长度的字符串。获取窗体内的文本框使用“document,getElementByld(“txt”)”方法。截取长度是通过String对象的“substring”方法,其包含两个参数,起始地址和要截取的长度。

【源码下载】

本实例JS代码下载

标签: 文本框  JS代码