js中怎样给用document创建的text设置长度?

JavaScript016

js中怎样给用document创建的text设置长度?,第1张

用JavaScript的DOM模型可以很方便地操作html标记,首先,你获得input标记的DOM对象,于是,我们就可以利用获得的inputTxta对象来操作该标记,你用DOM对象的API可以实现增加属性功能。代码如下:首先,创建一个属性节点var attri=document.createAttribute("size")创建一个size属性节点然后就可以对该size属性赋具体长度值了 attri.value="10"(假如要设置text文本框长度为10)然后利用inputTxta对象将该属性节点添加到input标记中 inputTxta.setAttribute(attri)搞定,呵呵,希望对你有所帮助!

方法1:使用maxlength属性

<textarea id="mess-input" type="text" name="message" maxlength="10"></textarea><br>

使用maxlength即可限制最大字符数,但该属性不兼容IE8,所以考虑用下面的办法。

方法2:js实现-达到最大长度后禁用键盘输入

window.onload = function()

{

document.getElementById('text1').onkeydown = function()

{

if(this.value.length >= 10)

event.returnValue = false

}

}

上述代码在textarea值长度超过10时,禁用键盘输入。但该方法在firefox17浏览器中不兼容,且有两个bug。

1.长度达到最大以后,由于屏蔽键盘动作,已输入的文本内容无法删除和编辑。

2.如果使用ctrl+v直接粘贴入一段长度超限的文本,则该方法无效。

方法3:js实现-用substr方法截取textarea前端若干字内容

function limitLength(obj, length) {

var desc = obj.value

obj.value = substr(obj.value, length)

}

function substr(str, length) {

var l = 0, i = 0

while (l <length &&i <str.length) {

l += 1

if (str.substring(i, i + 1).match(/[\u4e00-\u9fa5]/)) l += 2

i += 1

}

return str.substring(0, i)

}

该方法监测文本框输入,当超出最大长度时,从前面截取最大长度个字节放入文本框中。该方法在各浏览器中均支持,且无方法2中的各种问题。

以上就是限制<textarea>标签最大字符数的3种方法,如果需要分别限制中英文字符数的话,在js代码前加一段正则表达式匹配,并分别做限制即可。

中文及字符正则表达式: /[^ -~]+/g

ASCII码正则表达式: /\D+/g

如果你input控件的id是 id = "input_1"

那么用JQUERY的代码

$("#input_1").change(function() {

var defaultLength = 10//线的最小长度是10

var length = $("#input_1").val().length

if(length >defaultLength)

defaultLength = length

$('#input_1').css('width', defaultLength)

})