怎么用HTML编写用户名长度为4-16个字符

怎么用HTML编写用户名长度为4-16个字符,第1张

<HTML>

<HEAD>

<script type="text/javascript">

function checklength(tempInput)

{

if(tempInput.value.length <4 || tempInput.value.length >16)

alert("用户名长度应为4-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以下无效.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6189222.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存