input 输入值的监听 禁止输入特殊字符

1.input  输入值的监听 

//用于监听input的值变化（input的值产生变化才会触发事件）
        (function ($) {
            $.fn.watch = function (callback) {
                return this.each(function () {
                    //缓存以前的值  
                    $.data(this, 'originVal', $(this).val());

                    //event  
                    $(this).on('keyup paste', function () {
                        var originVal = $.data(this, 'originVal');
                        var currentVal = $(this).val();

                        if (originVal !== currentVal) {
                            $.data(this, 'originVal', $(this).val());
                            callback(currentVal);
                        }
                    });
                });
            }
        })(jQuery);

 

$("input:text").watch(function(value) {  

  console.log(value); 

});

View Code

jQuery实时监听input的值变化（input的值产生变化才会触发事件）

jquery 实时监听输入框值变化的完美方案

2.禁止输入特殊字符

<input type="text" name="username" value="ss" readonly>   

<input type="text" name="username" value="ss" disabled="true">  

input输入框禁止输入的几种方式

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">

JS控制文本框禁止输入特殊字符