ajax chargement requête dans séparé div

Mon problème est: quand un utilisateur appuie sur une touche, un div sera affiché avec tous les utilisateurs qui ont un prénom commençant par l'entrée des utilisateurs. Il est obligatoire que je doive sélectionner quelque chose. Le problème est lorsque l'utilisateur entre une entrée invalide au lieu de le sélectionner dans le div montré. Comment valider ajax chargement requête dans séparé div

function getDcode(str) 
{ 
    document.getElementById("codes").style.display = "block"; 
    if (str.length==0) 
    { 
     document.getElementById("codes").innerHTML=""; 
     return; 
    } 
    xmlhttp=GetXmlHttpObject(); 
    if (xmlhttp==null) 
    { 
     alert ("Your browser does not support XMLHTTP!"); 
     return; 
    } 
    var url="<?php print WEB_URL?>load_code/"; 
    url = url + str; 
    xmlhttp.onreadystatechange=stateChanged; 
    xmlhttp.open("GET",url,true); 
    xmlhttp.send(null); 
}

Source

2009-12-29 ASD

s'il vous plaît considérer le formatage de votre code. Donc, ce sera facile à lire – ukanth

Je crois voulez avoir un champ de texte auto-complet ?,

Si oui, je suggère essayer jquery automatique complet

http://www.pengoworks.com/workshop/jquery/autocomplete.htm

Source

2009-12-29 16:30:54

Le problème est lorsque l'utilisateur entrer une entrée invalide au lieu de le sélectionner à partir de la div montré. Comment le valider – ASD

Vous devez toujours valider l'entrée utilisateur sur le client et le serveur ou le serveur uniquement. –

Je ne suis pas obtenir ceci ...

Vous voulez avoir une entrée manuelle mais permettre aux utilisateurs d'appuyer sur une touche?

Je ne suis pas sûr que cela soit possible.

Source

2009-12-29 16:51:34

En fait, il n'est pas autorisé d'entrer les lettres de début, mais après avoir affiché la liste des éléments avec la lettre de départ que l'utilisateur a tapé, ils doivent sélectionner à partir de la div. à la place, si l'utilisateur laisse aller à un autre champ avec des informations indésirables dans le code. alors comment alerter l'utilisateur. – ASD

Voici une solution, utilisant jQuery. Personnaliser pour utiliser votre propre classe/regex

Odell, Den. "Chapitre 8 - Formulaire Contrôles". Pro JavaScript RIA Techniques: bonnes pratiques, Performances et présentation. Apress. © 2009. Livres24x7. http://common.books24x7.com/book/id_31169/book.asp (consulté le 29 Décembre, 2009)

$(document).ready(function() { 
    $("form").keypress(function(e) { 
     switch(e.target.className) { 
      case "numerical": 
       if (e.key.match(/[^0-9]/g)) { 
        e.preventDefault(); 
       } 
       break; 

      case "email": 
       // The following regular expression matches all characters not 
       // permitted within an email address 
       if (e.key.match(/[^[email protected]!#$%&'*+-\/=?^_{}~.]+/g)) { 
        e.preventDefault(); 
       } 
       break; 
     } 
    }); 
});

modifier: modifié ci-dessus afin de fonctionner correctement avec les événements de jQuery

Source

2009-12-29 17:05:32

ajax chargement requête dans séparé div

Répondre

Questions connexes