快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

利用HTC技术限制多行输入框的内容的长度

我们知道有的时候必须对文本输入框的输入长度进行限制,我们可以通过很简朴的maxlength 对Text 和 Password
类型的输入框的输入长度进行限制,可是当我们对TextArea 使用maxlength 使用maxlength属性的时候,我们遗憾
的发现,这个属性在textarea中是不起作用的
有没有办法呢?答案是肯定的,有!就是使用HTC的技术,什么是HTC??简朴的说,htc就是HTML Component,豆腐言语
表达能力不强,我们看看下面的例子就可以了

test.html:
<form method="POST">
<p><input type="text" size="30" maxlength="50" name="T1">
<textarea name="S1" rows="4" cols="30" maxlength="50" style="behavior:url(maxlength.htc)"></textarea>
</form>

大家注重到 以前很少见过 这样的 用法: style="behavior:url(maxlength.htc)" 我们再看看
下面的htc 的内容

<PUBLIC:COMPONENT id="bhvMaxlength" urn="maf:Maxlength">
<PUBLIC:PROPERTY name="maxLength" />
<PUBLIC:ATTACH event="onkeypress" handler="doKeypress" />
<PUBLIC:ATTACH event="onbeforepaste" handler="doBeforePaste" />
<PUBLIC:ATTACH event="onpaste" handler="doPaste" />

<SCRIPT language="JScript">
// Keep user from entering more than maxLength characters
function doKeypress(){
if(!isNaN(maxLength)){
maxLength = parseInt(maxLength);
var oTR = element.document.selection.createRange();
// Allow user to type character if at least one character is selected
if(oTR.text.length >= 1)
event.returnValue = true;
else if(value.length > maxLength-1)
event.returnValue = false;
}
}
// Cancel default behavior
function doBeforePaste(){
if(!isNaN(maxLength))
event.returnValue = false;
}
// Cancel default behavior and create a new paste routine
function doPaste(){
if(!isNaN(maxLength)){
event.returnValue = false;
maxLength = parseInt(maxLength);
var oTR = element.document.selection.createRange();
var iInsertLength = maxLength - value.length + oTR.text.length;
var sData = window.clipboardData.getData("Text").substr(0,iInsertLength);
oTR.text = sData;
}
}
</SCRIPT>

</PUBLIC:COMPONENT>
返回类别: 教程
上一教程: 使用FSO把文本信息导入数据库
下一教程: 用排序串字段实现树状结构(存储过程)

您可以阅读与"利用HTC技术限制多行输入框的内容的长度"相关的教程:
· 在ASP中利用ADO显示EXCEL文件内容的函数
· 利用ASP程序实现将远程页面的所有内容下载到本地
· 下拉菜单输入,根据输入内容自动定位
· 一个将数据库里面的内容生成EXCEL的例子
· 用ASP获取别的网页的内容
    微笑服务 优质保证 索取样品