15条有用的input输入限制集锦

林继 WordPress 2,909 共写了542个字 (2010-12-31 19:45:15) 没有评论 打印 扫描二维码 百度已收录

1、小写自动转换成大写:

  1.    <input type="text" name="XianJin" class="input02" style="text-transform:uppercase;"> 
  2.     or
  3.     <input type="text" name="XianJin" onkeyup="this.value=this.value.toLocaleUpperCase()">

2、大写自动转换成小写

  1. <input type="text" name="XianJin" class="input02" style="text-transform:lowercase;">
  2.     or
  3.     <input type="text" name="XianJin" onkeyup="this.value=this.value.toLocaleLowerCase()">

3、防止退后清空的TEXT文档

  1. <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>

4、ENTER键可以让光标移到下一个输入框

  1. <input onkeydown="if(event.keyCode==13)event.keyCode=9" >

5、只能为中文(有闪动)

  1. <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">

6、只能为数字(有闪动)

  1. <input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

7、只能为数字(无闪动)

  1.  <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 
  2. or
  3.  
  4. onkeyup="if(isNaN(value)){alert('必须是数字');value='';}"


8、只能输入英文和数字(有闪动)

  1. <input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

9、屏蔽输入法

  1. <input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">

10、只能输入 数字,小数点,减号(-) 字符(无闪动)

  1. <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

11、改变输入框字体的大小.按钮字体不变

  1. <input name="startdate" type="text"  style="font-family: Arial; color: #008000;font-size: 27px" size="10"

12、最多可以输入255个字符

  1.    <textarea name="txt" rows="7" id="txt" onKeyPress="xz()"></textarea>
  2.  
  3. <script language="javascript">
  4. function xz()
  5. {
  6.      if (txt.value.length>255)
  7.          event.keyCode=0;
  8. txt.value=txt.value.substr(0,255);
  9. }
  10. </script>

本文来自:http://www.ziyouyu.org

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >