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); 

});

 

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控制文本框禁止輸入特殊字符