如何用JavaScript，jQuery，Zepto来实现输入框只能输入纯数字

本文章地址：http://blog.csdn.net/csdn_yudong/article/details/52390236
本文由 Never_yu 创作，转载请保留出处。

jQuery

$('div.user-input input').bind('keypress',function(event){    var eventObj = event || e;    var keyCode = eventObj.keyCode || eventObj.which;    if (!(keyCode >= 48 && keyCode <= 57)) {      eventObj.preventDefault();      }  }).focus(function () {   //禁用输入法     $(this).val('1');     this.style.imeMode = 'disabled';   }).bind("paste", function () {     //获取剪切板的内容     var clipboard = window.clipboardData.getData("Text");     if (/^\d+$/.test(clipboard)) {      return true;     } else {      return false;     }   }).bind('keyup',function(){    // console.log($(this).val().charAt(0));    if($(this).val().charAt(0) == 0) {      $(this).val($(this).val().substr(1));    }      if($(this).val() < 1) {        $('div.warning-msg').css('visibility','visible');        $(this).val('1');      } else if($(this).val() > 500){        $('div.warning-msg').css('visibility','visible');        $(this).val('500');      } else {        $('div.warning-msg').css('visibility','hidden');      }  });

zepto

Zepto(function($){    // 对于只能是纯数字的输入框    $('.only-number').bind('keypress',function(event){        var eventObj = event || e;        var keyCode = eventObj.keyCode || eventObj.which;        if(!(keyCode >= 48 && keyCode <= 57)){            eventObj.preventDefault();        }    }).bind('paste',function(e){        //获取剪切板的内容        var clipboardData = e.clipboardData || window.clipboardData;        var clipboard = clipboardData.getData('Text');        if (/^\d+$/.test(clipboard)) {            return true;        } else {            return false;        }    });});

写在最后：约定优于配置——-软件开发的简约原则.


——————————–(完)————————————–

我的
个人网站：https://neveryu.github.io/guestbook/
Github: https://github.com/Neveryu
新浪微博：http://weibo.com/Neveryu

　　　　　　　　

更多学习资源请关注我的新浪微博….

---