如何在html网页中设置文本框为必填并且只能填10个字符?

<SCRIPT LANGUAGE="JavaScript">

<!--//

function textCounter(field, countfield, maxlimit) {

// 定义函数，传入3个参数，分别为表单区的名字，表单域元素名，字符限制；

if (field.value.length > maxlimit)

//如果元素区字符数大于最大字符数，按照最大字符数截断；

field.value = field.value.substring(0, maxlimit)

else

//在记数区文本框内显示剩余的字符数；

countfield.value = maxlimit - field.value.length

}

//-->

</SCRIPT>

<form name=myform action="">

<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,5)" onKeyUp="textCounter(this.form.message,this.form.remLen,5)">

</textarea>

<br>

尚能输入

<input readonly type=text name=remLen size=4 maxlength=3 value="5">

个字符</div>

</form>

给你段代码自己看看吧

<script language="javascript">

function calculate() {

String.prototype.lenB = function(){return this.replace(/[^\x00-\xff]/g,"**").length}

//var str = "这是一个可以将汉字计算成两个字节的函数"

var str =document.all.uInput.value

alert("count = " + str.lenB())

}

</script>

请输入<input name="uInput" type="text">

<input type="button" value="计算" onclick="calculate()"/>

结果为<input name="result" type="text">

执行下这个代码你就懂了，之后用js对str.lenB()判断就行了，str.lenB()可以将汉字计算成两个字节。

用下面的js进行限制。

<script type="text/javascript">

function checkinput(obj){

if (obj) {

var val = obj.value

if (val.length > 500) {

obj.value = val.substring(0,500)

}

}

}

</script>

HTML对应 的INPUT输入框：

<input type="text" onkeyup="checkinput(this)" />

当输入超过500个字符时，就会截取，只保留前500个字符

如果你是想在显示时只显示其中的500个字符，那你可以将标题进行截取：

// 定义在窗口加载完成后截取文章标题

window.onload=function(){

// 获取文档标题所在元素，这里假设元素的ID是articleTitle

var title = document.getElementById("articleTitle")

// 获取到标题内容

var val = title.innerText

if (val.length > 500) {

// 长度大于500时，直接截取前500个字符

title.innerText=val.substring(0, 500)

}

}

对应HTML：

<h3 id="articleTitle">这里是标题内容</h3>

---