<HEAD>
<script type="text/javascript">
function checklength(tempInput)
{
if(tempInput.value.length <4 || tempInput.value.length >16)
}
</script>
</HEAD>
<BODY>
User Name: <input type="text" id="username" name="username" onblur="checklength(this)"/>
</BODY>
</HTML>
当用户名输入栏失去焦点的时候 会触发长度检查函数
可以给每个td标签加一个class属性,名字全部一样,比如:class="tablewidth"。然后在CSS中设置这个类的宽度值即可。也可以在,<td>里面嵌套一个<div>,然后设置div的宽度即可。
html中并无法直接获取input的内容的长度.
一般推荐您使用JS来配合计算
<input type="text" id="username" onpropertychange="getlen()"><input type="text" id="lennum" value="0">
<script>
function getlen(){
document.getElementById('lennum').value=document.getElementById('username').value.length
}
</script>
效果:
这里注意使用的onpropertychange事件仅仅支持IE浏览器,您也可以使用HTML5自带的事件oninput.但是oninput仅支持支持HTML5的浏览器,IE9以下无效.
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)