jquery简单的文本框输入限制

//原理,默认遍历传入的选择器内的input[type="text"]; 获取input的data-rule属性,

data-rule可以使用函数里已定义的内容,

例如:<input type="text" data-rule="d">;

也可以写正则,

例如:<input type="text" data-rule="/[^\d]/g">;

 

function inputLimit(obj){

 

  var rules = {
    "d": /[^\d]/g, //纯数字
    "d.": /[^\d.]/g, //数字,点
    "d_": /[^\d.]/g, //数字,下划线
    "bh": /[^\d|a-z|A-Z]/g, //数字字母
    "sfz": /[^\d|x|X]/g, //身份证
    "dh": /[^\d-+]/g, //手机或座机
    "mm": /[^\w.]/g, //数字,点,下划线,字母
    "mail": /[^\d._@|a-z|A-Z]/g, //邮箱
    "zh": /[^\u4e00-\u9fa5]/g, //中文
    "zh_en": /[^\u4e00-\u9fa5|a-z|A-Z]/g, //中文或英文
    "code": /[^\w-]/g //组织机构代码
  };
  $(obj).delegate('input[type="text"]', 'input propertychange', function () {
    var $t = $(this),
      rule = $t.attr('data-rule') || '';
    if (rule != '') {

      var _rule = rules[rule] ? rules[rule] : rule,
        $v = $t.val().replace(_rule, '');

      $t.val($v);
    }
  });
}

//执行函数,给表单form下面的input输入框添加输入限制

inputLimit('form');

  

转载于:https://www.cnblogs.com/vzane/p/6206529.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值