Javascript RegExp pour autoriser uniquement certains caractères à certains endroits

Question

Je souhaite utiliser une expression rationnelle pour "forcer" un utilisateur à formater correctement un horodatage.

En ce moment je peux limiter les entrées de sorte que l'utilisateur ne peut saisir des chiffres, un tiret ou deux points en utilisant les éléments suivants:

function allownumbers(e) { 
     var key = window.event ? e.keyCode : e.which; 
     var keychar = String.fromCharCode(key); 
     var reg = new RegExp("[-0-9: ]") 
     if (key == 8) { 
      keychar = String.fromCharCode(key); 
     } 
     if (key == 13) { 
      key = 8; 
      keychar = String.fromCharCode(key); 
     } 
     return reg.test(keychar); 
    } 

Cependant, l'utilisateur peut encore saisir des données incorrectes, par exemple 0000 :: - 12354 validerait. Puis-je utiliser une expression rationnelle pour forcer l'utilisateur à entrer #### - ## - ## ## ##: ##: ## (par exemple 2010-12-15 10:57:01)?

(encore plus cool serait si elle a ajouté automatiquement les tirets, et l'espace côlons quand il a frappé au bon endroit dans la chaîne.)

Cheers,

Ben

Answer 1

Utilisez les jQuery validation plugin.

Puisque vous avez un format de date personnalisé, je vous dirigerai vers this SO post.

Si vous voulez forcer un certain motif pendant l'entrée, ne cherchez pas plus loin que masked input plugin.

Answer 2

Votre modèle regexp peut être

var re = /\d\d\d\d-\d\d-\d\d \d\d:\d\d:\d\d/; 

Answer 3

Vous pouvez le faire facilement - il suffit d'utiliser {} pour limiter le nombre d'entrées. Comme un exemple assez brut, regex: [0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2} fera ce que vous voulez, il suffit de le tester par rapport à l'ensemble du contenu de la zone de texte - par exemple. reg.match (e.srcElement.value). Si vous voulez qu'il soit testé au fur et à mesure, vous pouvez utiliser le code de this site pour déterminer la position du curseur, puis vérifier la nouvelle entrée par rapport à ce que vous attendez à cette position, et oui, même ajouter le tableau de bord ou l'espace automatiquement. Pourquoi ne pas simplement utiliser un petit bloc de validation?

Answer 4

après qu'ils aient entré la chaîne ...

var date = new Date(dtStr); 
if (isNaN(date) && dtStr != "MM/DD/YYYY") { 

    return alert('Please enter a valid date'); 
} 
else { 
    if (date.getFullYear() > 2100 || date.getFullYear() < 1900) { 
     return alert("Please enter a valid year"); 
    } 
}