jQuery keyup() caractères illégaux

Question

J'ai un champ et je veux empêcher certains caractères illégaux tout en montrant l'utilisateur pendant qu'il tape. Comment puis-je faire cela dans l'exemple suivant?

$('input').bind("change keyup", function() { 
    var val = $(this).attr("value"); 
    /* 
    if (val --contains-- '"') { 
    $(this).css("background", "red"); 
      val = val.replace('"', ""); 
       $(this).attr("value", val) 
    } 
    */ 
    $("p").html(val); 
    }); 

EDIT: Je dois mettre les caractères illégaux dans un tableau

var vowels = new Array('"', "<", ">", "&"); 

Answer 1

Essayez d'utiliser une expression régulière

$('input').bind("change keyup", function() { 
var val = $(this).val(); 
var regex = /["<>&]/g; 
if (val.match(regex)) { 
    $(this).css("background", "red"); 
    val = val.replace(regex, ""); 
    $(this).val(val); 
} 
$("p").html(val); 
}); 

Et pour votre information:. vous pouvez remplacer .attr("value",val) avec .val(val) et .attr("value") avec .val()

MISE À JOUR:

Si vous voulez exclure plus de caractères que vous pouvez simplement les mettre dans le regex. Si vous souhaitez exclure un caractère utilisé pour contrôler l'expression régulière, vous devez leur échapper avec \ caractères pour contrôler l'expression régulière sont: []()/\+{}?*+.^$

Answer 2

pour cette solution. Pas de tableau, cependant.

$('input').bind("change keyup", function() { 
     var $th = $(this); 
     $th.val($th.val().replace(/["<>&]/g, function(str) { return ''; })); 
    }); 

Answer 3

Vous pouvez utiliser le indexOf pour déterminer si une chaîne contient un certain ... ombles

voyelles = array ('"', "<", ">"," & ");

$('input').bind("change keyup", function() 
{ 
    var val = $(this).attr("value"); 
    var illegal = '';  
    $(vowels).each(function() 
    { 
     if(val.indexOf(this)!=-1) 
     { 
      illegal= this; 
      break; 
     } 
    }); 
    if(illegal != '') 
    { 
     $(this).css("background", "red"); 
     val = val.replace(illegal, ""); 
     $(this).attr("value", val) 
    } 
});