使用JQuery从文本框中删除不需要的字符

时间:2009-06-25 15:00:38

标签: javascript jquery

我想得到的一些信息是如何使用JQuery从文本框(或textarea)中删除某些字符。我有C#中的代码,但我似乎无法将其转换为JQuery javascript。我的问题是我不知道如何从文本框中获取值作为字符数组,然后我可以循环并与给定的一组不需要的字符进行比较。 这就是我在JQuery中的“远”:

$("input[type=text], textarea").change(function() {

   // code here

});

这是我在C#中的代码:

for (int i = 0; i < charArray.Length; i++)
{
    current = charArray[i];
    if ((current == 0x9) ||

        (current == 0xA) ||

        (current == 0xD) ||

        ((current >= 0x20) && (current <= 0xD7FF)) ||

        ((current >= 0xE000) && (current <= 0xFFFD)))
        _validXML.Append(current);
}

return _validXML.ToString().TrimEnd((char)32, (char)160) ;

更新

我在下面给出了一些答案的组合(我将赞成它们),我的最终JQuery看起来像这样并起作用:

$(document).ready(function() {
    $(":text, textarea").change(function() {
        var text = "";
        var arr = $(this).val()
        $.each(arr, function(i) {
            var c = arr.charCodeAt(i);
            if ((c == 0x9) ||
                (c == 0xA) ||
                (c == 0xD) ||
                (c >= 0x20 && c <= 0xD7FF) ||
                (c >= 0xE000 && c <= 0xFFFD)) 
            {
                text += arr.charAt(i);
            }
        });
        $(this).val(text);
    });
});

全部谢谢!

6 个答案:

答案 0 :(得分:6)

正则表达式不会是这种情况,例如:

$("input[@type='text'], textarea").change(function() {
    this.value = this.value.replace(/[^\w\d]+/gim,"");
});

答案 1 :(得分:1)

您可以使用charCodeAt()方法结合字符串的length属性来遍历字符串中的字符。

类似的东西:

$("input[type=text], textarea").change(function() {
  var text = $(this).val()

  for(var i = 0; i < text.length; ++i) {
    var currentChar = text.charCodeAt(i);

    // Do something with it...
});

我的初始版本使用charAt(),但由于您看起来处理的是Unicode代码点,charCodeAt()更合适。

答案 2 :(得分:1)

textarea的:

<textarea id="item" name="item" rows="5" cols="80">Some text in here</textarea>

jQuery代码:

var text = $('#item').val();
var newtext = "";
for (var i = 0; i < text.length; i++) {
   var c = text.charCodeAt(i);
   if ((c == 0x9) || (c == 0xA) || (c == 0xD) || 
       (c >= 0x20 && c <= 0xD7FF) ||
       (c >= 0xE000 && c <= 0xFFFD)) {
       newtext += c;
   }
}
$('#item').val(newtext);

除了访问文本数据并重新设置之外,这实际上与jQuery很少有关系。

答案 3 :(得分:-1)

在输入/ textarea上使用事件观察者(onkeydown / onkeypress / onkeyup),按下键,如果键是不需要的字符,则阻止事件发生。

$("input[type=text], textarea").observe('keypress', function(e) {
 var keynum; 
 if(window.event)
 {
  keynum = e.keyCode
 }
 else if(e.which)
 {
  keynum = e.which
 }
 if(keynum == '13' || keynum == 'something else' || [...])
 {
  Event.stop(e);
 }
});

答案 4 :(得分:-1)

获取textarea的值:

$('input[type=textarea]').change(function(){
   var value = $(this).val(); 
   ...........
});

删除不需要的字符试试这个例子..我从jquery文档中复制(jQuery.grep())

var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
$("div").text(arr.join(", "));

arr = jQuery.grep(arr, function(n, i){
  return (n != 5 && i > 4);
});
$("p").text(arr.join(", "));

arr = jQuery.grep(arr, function (a) { return a != 9; });
$("span").text(arr.join(", "));

答案 5 :(得分:-1)

我更喜欢使用这种类型的javascript函数(从我的阴影过去)阻止角色首先进入:

每个输入控件都有这样的东西: onkeypress事件= 'checkKey(此, “A-ZA-Z0-9”, “N”, “10”);'

该功能如下:

   //****************************************************************************
   // Function: checkKey()
   //   Author: Ron Savage
   //     Date: 10-11-2004 
   //    
   // Description: This function tests reg exp syntax.
   //****************************************************************************
   function checkKey(textControl, reExpr, allCaps, maxlen)
    {
      popupMessage.hide();

      keyStr = String.fromCharCode(event.keyCode);
      textLength = textControl.value.length;

      if (allCaps == 'Y')
         {
         keyStr = keyStr.toUpperCase();
         event.keyCode = keyStr.charCodeAt(0);
         }

      if ( reExpr != '' )
         {
        reString = '[^' + reExpr + ']';
         re = new RegExp(reString, 'g');

         //alert('RE: ' + reString);

         result = keyStr.match(re);

         if (result)
            {
            beep();
            event.returnValue = false;
            showPopupMessage(textControl, result.toString() + ' not allowed!');
            }
         }

      if ( textLength > maxlen )
         {
            beep();
            event.returnValue = false;
            showPopupMessage(textControl, 'Max length [' + maxlen + '] exceeded!');
         }

      //alert('Key: ' + keyStr + ' code: ' + event.keyCode);
      }