zoukankan      html  css  js  c++  java
  • input文本框 输入限制三则

    其一,只允许输入数字和小数点。

    <input onKeypress="return (/[d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

    其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来

    <script>
    
    function check(){
    
    if (isNaN(tt.value))
    
    {alert("非法字符!");
    
    tt.value="";}
    
    }
    
    </script>
    
    <input type="text" name="tt" onkeyup="check();">

    其三,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

    <script language=javascript>
    
    function onlyNum()
    
    {
    
    if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
    
    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
    
    event.returnValue=false;
    
    }
    
    </script>
    <
    input onkeydown="onlyNum();" style="ime-mode:Disabled“>

    结语,其实

    style="ime-mode:Disabled"

    这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。

    只允许输入数字

    <input name="username" type="text" onkeyup="value=this.value.replace(/D+/g,'')">

    只允许输入英文字母、数字和下划线(以下二种方法实现)

    <input name="username" type="text" style="ime-mode:disabled">
    
    <input name="username" type="text" onkeyup="value=value.replace(/[^w./]/ig,'')">

    只允许输入英文字母、数字和&=@

    <input name="username" type="text" onkeyup="value=value.replace(/[^w=@&]|_/ig,'')">

    只允许输入汉字

    <input name="username" type="text" onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')">
    
    </p">http://www.wesoho.com/article/asp/2479.htm">

    javascript 只允许输入数字有很多方法,总结如下

    1,只允许输入数字和小数点。

      <input onKeypress="return (/[d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

    2,判断的更详细一些,甚至22..2这样不算数字也判断得出来

      

    <script> 
    
      function check(){ 
    
      if (isNaN(tt.value)) 
    
      {alert("非法字符!"); 
    
      tt.value="";} 
    
      } 
    
      </script> 
    
      <input type="text" name="tt" onkeyup="check();">

    3,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

     <script language=javascript> 
    
      function onlyNum() 
    
      { 
    
      if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)) 
    
      if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) 
    
      event.returnValue=false; 
    
      } 
    
      </script>

     <
    input onkeydown="onlyNum();" style="ime-mode:Disabled>

    4,只能是数字

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

      结语,其实style="ime-mode:Disabled这句是比较实用的。意为关闭输入法。效果最好的是3,可以直接禁止输入,4是输入以后又替换,这样输入者有机会按回车,会有意想不到的结果

    朝朝暮暮.
  • 相关阅读:
    设计模式-策略模式
    java8 流式编程
    《JAVA8开发指南》使用流式操作
    linux如何查看端口被哪个进程占用?
    mac 启动php-fpm报错 failed to open configuration file '/private/etc/php-fpm.conf': No such file or direc
    Mac home 目录下创建文件夹
    UML由浅入深
    PHP扩展Swoole的代码重载机制
    Gedit中文乱码
    linux 内核源码arch/ 目录的前世今生
  • 原文地址:https://www.cnblogs.com/guangxiaoluo/p/3334693.html
Copyright © 2011-2022 走看看