防止刪除文本框中的特殊字符

Question

我想要防止用戶在按backspace或canc時刪除文本框中的任何「/」字符。

例如：

如果文本框的值是2014/09/，並且用戶按下退格時，「/」字符將不被刪除。

我該怎麼做keyup或​​evenets？

$("#textboxId").keyup(function(){ 

    // any idea 

}); 

Answer 1

你有三種情況：

1. 的用戶按下backspace並刪除光標之前的字符
2. 用戶按下canc和
3. 用戶選擇的文本並按下backspace或canc並刪除選定的文本

所以，你必須將光標後刪除字符解決所有這些不同的情況。

此代碼將工作：

$('#textareaId')[0].addEventListener("keydown", function(e) { 
    var start = this.selectionStart, 
     end = this.selectionEnd, 
     value = this.value, 
     key = e.keyCode; 

    if (key == 8 && value[start-1] == '/') e.preventDefault(); 
    if (key == 46 && value[start] == '/') e.preventDefault(); 
    if ((key == 8 || key == 46) && value.substring(start, end).indexOf('/') != -1) e.preventDefault(); 

}, false); 

工作例：http://jsfiddle.net/MeBeiM/7hdb3472/1

Answer 2

我已經使用字符串操作

做了

這裏檢查我的小提琴http://jsfiddle.net/7ek11cfs/21/

$('textarea').keydown(function(e) { 
    textValue = $(this).val(); 
}); 

$('textarea').keyup(function(e) { 
if(textValue.charAt(textValue.length-1)=='/') 
{ 
    $('textarea').val(textValue); 
} 
}); 

希望這有助於

Answer 3

在這裏你去=>DEMO

(function ($, undefined) { 
    $.fn.getCursorPosition = function() { 
     var el = $(this).get(0); 
     var pos = 0; 
     if('selectionStart' in el) { 
      pos = el.selectionStart; 
     } else if('selection' in document) { 
      el.focus(); 
      var Sel = document.selection.createRange(); 
      var SelLength = document.selection.createRange().text.length; 
      Sel.moveStart('character', -el.value.length); 
      pos = Sel.text.length - SelLength; 
     } 
     return pos; 
    } 
})(jQuery); 

$("#textboxId").keydown(function(e){ 
    var currentPos=$(this).getCursorPosition(); 
    var lastChar=$(this).val().substr((currentPos- $(this).val().length)- 1); 
    if(e.which==8 && lastChar.match(/^\//g)){ 
     e.preventDefault(); 
     return false; 
    } 
}); 

我花了一點幫助，從THIS ANSWER用於識別光標當前位置的功能。

請注意，在反對所有其他答案和想法發現時，這將實際上像面具一樣工作，即使光標位於文本中間也不會被刪除！