html设置密码输入限制在十个字符
2017-03-15 17:18
260 查看
<span class="span"><span id="stay" style="display: none"> 您还可以输入:<span id="txtCount"></span>个字符<br></span></span> <input type="password" id="password" name="password"> <script language="JavaScript"> var lim=new limit(); lim.txtNote=document.getElementById("password"); lim.txtLimit=document.getElementById("txtCount"); lim.limitCount=10; lim.init(); function limit(){ var txtNote; //文本框 var txtLimit; //提示字数的input var limitCount; //限制的字数 var txtlength; //到达限制时,字符串的长度 this.init=function(){ txtNote=this.txtNote; txtLimit=this.txtLimit; limitCount=this.limitCount; txtNote.oninput=function(){wordsLimit()};txtNote.oninput=function(){< 4000 span style="font-style:italic;">wordsLimit()}; txtLimit.innerText=limitCount; }; function wordsLimit(){ var noteCount=txtNote.value.length; var InPut=document.getElementById("password").value.length; if(InPut<10){ document.getElementById("stay").style.display="none"; return } if(InPut>=10){ document.getElementById("stay").style.display="inline"; document.getElementById("stay").style.color="green"; } if(noteCount>limitCount){ txtNote.value=txtNote.value.substring(0,limitCount); txtLimit.innerText=0; }else{ txtLimit.innerText=limitCount-noteCount; } txtlength=txtNote.value.length;//记录每次输入后的长度 } } </script>
相关文章推荐
- html输入框密码设置十个字符(JavaScript实现)
- QTextEdit设置可输入字符字节限制 .
- Flex中TextInput组件如何设置限制某些字符的输入
- Html input 限制输入中英文字符,及字符数量统计
- Flex中TextInput组件如何设置限制某些字符的输入
- Java输入满足条件的字符窜,并将其返回 密码设置成包含(A-Z)或空格的形式(空格不能作为密码的开头)
- js密码是否一致判定与输入字符限制
- Flex中TextInput组件如何设置限制某些字符的输入
- HTML 限制文本框只能输入特定字符(比如数字 onkeyup+onafterpaste)
- HTML文本框中怎么限制输入字符(因为页面会认为英文和汉字是一样的)
- Android 中在EditText中设置输入限制,使输入字符只可以为数字。
- Flex中TextInput组件设置限制某些字符的输入的方法
- HTML 限制文本框只能输入特定字符(比如数字 onkeyup+onafterpaste)
- HTML 限制文本框只能输入特定字符(比如数字 onkeyup+onafterpaste)
- Flex中TextInput组件如何设置限制某些字符的输入
- 【HTML5入门】HTML/Jquery中限制textarea大小及输入字符长度
- 多行文本框限制输入字符长度(两种方法)
- 设置asp.net的安全认证密码限制
- 限制文本输入框textarea最大输入字符的js
- 多行文本框限制输入字符长度(两种方法)