zoukankan      html  css  js  c++  java
  • input输入框校验

    1、只能输入数字,当输入不符字符删除,光标位置不变

     1 //只能输入数字
     2 function onlyNumTrue(obj){
     3     var reg = /[^d]/g; 
     4     var pos = obj.selectionEnd;//获取光标位置
     5     var val = obj.value; //获取input的值
     6     //如果值存在不符字符将光标位置减一 
     7     if (reg.test(val)) {
     8         pos = pos - 1;
     9     }
    10     $(obj).val(val.replace(/[^d]/g, ''));
    11     obj.setSelectionRange(pos,pos);//设置光标位置
    12 }

     2、输入框内光标移动

     1 <body>
     2     <input type="text" name="CAL_COM_ID" id="CAL_COM_ID" onkeyup="cky(this)"/>
     3      
     4     <input type="text" name="CAL_COM_ID1" id="CAL_COM_ID1" onkeyup="value=value.replace(/[^(()d&|)]/g,'')"/>
     5      
     6 <script type="text/javascript">
     7     function cky(obj)
     8     {
     9         var t = obj.value.replace(/[^(()d&|)]/g,"");
    10         if(obj.value!=t)
    11             obj.value=t;
    12     }
    13  
    14 </script>
    15 </body>

    第一种写法写完后键盘左右键移动,光标可以移动;第二种写法光标不能移动。

    3、使用replace时,不能控制光标的位置。

    步骤:

    1、获取光标位置:var pos = this.selectionEnd;//获取鼠标位置

    2、设置光标位置:this.setSelectionRange(pos,pos);//设置鼠标位置

    4、input输入框的事件监听  

    https://blog.csdn.net/yiifaa/article/details/52372022

    美好生活
  • 相关阅读:
    Kaka's Matrix Travels
    Cable TV Network
    LightOJ 1137
    SPOJ AMR11E Distinct Primes 基础数论
    HDU 5533Dancing Stars on Me 基础几何
    POJ 1014 / HDU 1059 Dividing 多重背包+二进制分解
    vijos 1180 选课 树形DP
    vijos 1313 金明的预算方案 树形DP
    LightOJ 1062
    vijos 1464 积木游戏 DP
  • 原文地址:https://www.cnblogs.com/ssbydk/p/9360610.html
Copyright © 2011-2022 走看看