jquery pour regexp ne fonctionne pas

Question

j'utilise une jquery pour une boîte de saisie pour valider le contenu de cette je personne qui a travaillé avant moi faire un fichier qui s'appelle comoon.js et ce fichier supporte tous les autres fichiers. Mais quand j'écris ce code sur (document) .ready (function() comme ceci

$(document).ready(function() 
{ 
    $('#validate').keyup(function(){ 
     var i = $('input'); 
     (/http:\/\//).test(i.val()) && i.val(i.val().replace('http://','')); 
    }); 

});

et j'ai boîte d'entrée comme celui-ci

<input type="text" id="validate" class="right" name="linkurl" maxlength="150" size="130"/> 

mais cela ne fonctionne pas sur ce bouton que dois-je faire et quel est le problème et je sais que le fichier js chargé de toutes les pages ...

Answer 1

en supposant que vous avez plus d'une entrée sur votre page le problème est cette ligne:

var i = $('input'); 

... qui met i à un objet jQuery contenant toutes les entrées sur la page. Essayez plutôt:

var i = $(this); 

... qui établira i à un objet jQuery contenant uniquement l'élément de l'événement sur.

(Votre code fonctionne quand il n'y a qu'une seule entrée.)

Si l'entrée en question est créé dynamiquement après chargement de la page, vous aurez une deuxième question: vous ne pouvez pas lier un gestionnaire d'événements à un élément qui n'existe pas encore, mais vous pouvez utiliser un gestionnaire d'événements délégué:

$(document).ready(function() 
{ 
    $(document).on("keyup", '#validate', function(){ 
     var i = $(this); 
     (/http:\/\//).test(i.val()) && i.val(i.val().replace('http://','')); 
    }); 
}); 

Où idéalement vous souhaitez remplacer document en $(document).on("keyup", '#validate', ... avec l'ancêtre le plus proche de « #validate » qui existe sur la charge de page. Si vous utilisez une version de jQuery inférieure à 1.7, utilisez .delegate() au lieu de .on() (pour plus d'informations, consultez le document doc API jQuery).