Comment configurer cette fonction de correspondance de regex javascript?

Question

J'ai une zone de texte d'entrée qui exécute une fonction js sur l'événement keyup pour correspondre à une chaîne valide (correspondance de modèle de nom de domaine, la regex a été trouvée ici).

J'ai écrit les instructions if pour tester si l'entrée est un motif valide d'abord, puis plus de 3 caractères.

Apparemment, mes ifs ne fonctionnent pas comme je le voulais. Lorsque l'entrée a 3 caractères ou plus, c'est bien. Mais si l'entrée est inférieure à 3 caractères, l'expression rationnelle du motif échoue. Exemple: si la boîte de saisie a "dd" (sans guillemets), la fonction alertera que j'ai un motif incorrect quand il DEVRAIT avertir que l'entrée a moins de 3 caractères. A partir de l'instruction d'alerte incluse, il n'y a pas d'espaces ou de caractères supplémentaires dans la valeur d'entrée.

<input id="quick" type="text" size="20" onKeyUp="test()"></input> 

le test de fonctionnement est

function test(){ 

    var liveword = document.getElementById("quick").value; 
    var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]+[a-zA-Z0-9]$/; 
    alert("xxx"+liveword+"xxx"); 

    if (liveword.match(valid)) 
    { 
     if (liveword.length < 3) 
     { 
     alert ('word less than 3'); 
     } 
     else { 
    alert ('word more than 3'); 
      } 
    }//outside if 

    else { 
     alert('enter correct pattern'); 

    } 

} //close 

Answer 1

Comme votre modèle est actuellement écrit, rien de moins de 3 lettres ne peut jamais égaler. Votre regex dit "Trouver tout alphanumérique, suivi d'au moins un alphanumérique ou un tiret ou un trait de soulignement, suivi d'un alphanumérique final."

Je pense que vous voudrez peut-être un couplage optionnel à la place. Avec:

var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]*[a-zA-Z0-9]?$/; 

Vous pouvez faire correspondre n'importe quel caractère alphanumérique, même s'il n'y a qu'un seul caractère. Vraiment bien, ce qui précède est la même chose que de dire simplement:

var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]*$/; 

Notez que les deux seraient toujours concilié sur quelque chose comme a-. Si ce n'est pas une correspondance prévue (ce que vous voulez exiger un alphanumérique de terminaison quand tiret ou un tiret sont utilisés), puis aller avec:

var valid = /^[a-zA-Z0-9]([a-zA-Z0-9\-\_]*[a-zA-Z0-9])?$/; 

qui dit « Trouver un alphanumérique.S'il y a des caractères qui le suivent, il peut être suivi par zéro ou plusieurs caractères alphanumériques, traits d'union ou traits de soulignement, tant que le dernier caractère est alphanumérique. "

Answer 2

Votre premier si teste pour voir si le motif est correspondant, quelle que soit la longueur. Si c'est un bon match, alors vous vérifiez la longueur. Sinon, vous alertez "entrer le modèle correct".

Vous voulez faire:

if(liveword.length < 3) 
    alert('too short') 

else 
{ 
    // check patterns, alert good or bad 
} 

---

Modifier

Votre code, refondus:

function test(){ 

    var liveword = document.getElementById("quick").value; 
    var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]+[a-zA-Z0-9]$/; 
    alert("xxx"+liveword+"xxx"); 

    if(liveword.length < 3) 
     alert('word less than 3'); 

    else 
    { 
     if(liveword.match(valid)) 
      alert('good match') 

     else 
      alert('bad match') 
    } 

} //close 

Answer 3

Si le if (liveword.match(valid)) réussit alors cela signifie que le mot est au moins trois caractères longs depuis votre expression régulière nécessite au moins trois caractères. Le chèque if (liveword.length < 3) ne réussira donc jamais où il se trouve. Vous devez déplacer à une clause else afin de vérifier la longueur si le mot ne match:

if (liveword.match(valid)) { 
    alert ('word 3 or more'); 
} 
else if (liveword.length < 3) { 
    alert ('word less than 3'); 
} 
else { 
    alert('enter correct pattern'); 
}