Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • Jquery拒绝非数字输入

    post by onelong / 2009-10-11 18:48 Sunday [jquery]

    <html>
    <head>
    <script language="javascript" src="jquery/jquery_min.js"></script>
    <script language="javascript">
    $(document).ready(function(){
    $('input').keypress(function(event) {
          if (!$.browser.mozilla) {
           if (event.keyCode && (event.keyCode < 48 || event.keyCode > 57)) // IE
            event.preventDefault();
          }
          else {
           if (event.charCode && (event.charCode < 48 || event.charCode > 57)) //firefox
            event.preventDefault();
          }
         });}) </script>
    </head>
    <body>
    <input type="text" />
    </body>
    </html>
      数字的keyCode为48--57
      大写字母的keyCode为97--122;小写字母的keyCode为65--90
      这样就可以把用法扩展开来了

  • javascript 让你的文本框只输入数字

    post by onelong / 2009-10-10 20:22 Saturday [javascript]

    这是个例子:
    <html>
    <body>
    只能输入数字:<input id='txt' value="" maxlength="20" />
    <script language="javascript">
    function $(id){return document.getElementById(id)}
    function ie(){if(navigator.userAgent.indexOf("MSIE")>0){return true}else{return false}}
    function addevent(){
    if(ie()==true){
      $('txt').attachEvent("onpropertychange",txChange);
    }else{
      $('txt').addEventListener("input",txChange,false);
    }}
    function deleteevent(){
     if(ie()==true){
     $('txt').detachEvent("onpropertychange",txChange);}
     else{
     $('txt').removeEventListener("input",txChange,false)
     }
     }
    function txChange(){
     deleteevent();
     var txt=$('txt').value;
     txt=txt.replace(/\D+/g,'');
     $('txt').value=txt;
     addevent();
    }
    window.onload=addevent();
    </script>
    </body>
    </html>
         演示

  • js判断是否为整数或浮点数

    post by onelong / 2009-10-6 23:26 Tuesday [javascript]

    <html>
    <body>
    <input type="text" id="txt" onblur="check('txt')"/>
    </body>
    <script language="javascript">
    function check(id){
     var txt=document.getElementById(id).value;
     var re = /^[-]?[0-9]+[\.]?[0-9]*$/;//或者/^[0-9]+\.?[0-9]*$/或者/^[0-9]+.?[0-9]*$/判断是否为整数或浮点数
     if(re.test(txt)){
      alert('数字');
      }else{
       alert("不合法的数字");
       document.getElementById(id).value='';
       }
     }
    </script>
    </html>
    判断是否为整数re=/^[-][1-9]+[0-9]*s/, 
          其实正则表达式在处理字符串和表单验证中非常有用,简结易懂!

  • js实现让文本框只输入英文字母

    post by onelong / 2009-10-6 19:31 Tuesday [javascript]

    <html>
    <body>
    <input type="text" onchange="onlyEng()" value=""  id="txt"/>
    </body>
    <script language="javascript">
    function onlyEng(){
    var txt=document.getElementById("txt").value;
    txt=txt.replace(/[^a-zA-Z]/g,'');
    document.getElementById("txt").value=txt;
    }
    </script>
    </html>
    txt=txt.replace(/[^a-zA-Z]/g,'');//这句就是把非英文字母的替代为空!
    如果只能输入数字则txt=txt.replace(/[^\d]/g,'');或者txt=txt.replace(/[^0-9]/g,'');
    如果只能输入字母和数字则txt=txt.replace(/[^0-9a-zA-Z]/g,'');

    想知道更多! http://www.w3school.com.cn/js/js_obj_regexp.asp

  • js表单验证

    post by onelong / 2009-10-6 18:51 Tuesday [javascript]

    <script language="javascript">
    <!--
    function CheckForm(){
    if (document.form.name.value.length == 0) //如果name的值为空
    {
    alert("请输入您姓名!");//弹出一个警告窗口 信息为 “请输入您姓名!”
    document.form.name.focus();//然后输入焦点或者光标定位到这个为空的文本框里。
    return false;//返回一个false
    }
    return true;//如果if不成立 那么就 返回一个true
    }
    -->
    </script>

    调用该函数 onclick="return CheckForm()"