2017-10-02 3 views
0

Est-il possible d'appeler instantanément une fonction javascript une fois que le motif est entré dans le champ de saisie? Y a-t-il un événement spécifique pour cela?Événement correspondant à un modèle HTML

<input type="text" class="form-control" name="zipcode" pattern="^[1-9][0-9]{3}\s?[a-z|A-Z]{2}$" (keyup.enter)="checkSth()"> 

Je voudrais appeler ce checkSth() immédiatement sans cliquer entrer lorsque le motif est adapté.

+1

Utilisation un keyup? Sans entrer, juste le bouton. – Martijn

+0

'onkeyup' ou' onkeydown' – ProEvilz

+0

vous devez utiliser 'oninput' evénement [comme cette question] (https://stackoverflow.com/a/26202266/2803565) pour suivre les changements, puis vérifiez ce modèle et appelez votre checkSth () fonction si nécessaire. –

Répondre

-1

Vous pouvez ajouter un écouteur d'événement dans votre javascript comme tel

html

<input id="input" /> 

js

document.querySelector('#input').addEventListener('keyup',() => console.log('changed')) 

Exemple: https://jsfiddle.net/ew8ywk7y/

+0

Cela se déclenche chaque fois que le champ est modifié. La question était de savoir comment l'exécuter lorsque le motif est apparié. – Quentin

+0

Quelle serait la différence entre ceci et ce qu'il fait déjà avec l'attribut 'keyup'? En outre, il est impossible de faire ce qu'il essaie d'accomplir, il peut valider l'expression rationnelle dans l'écouteur d'événement. – Baruch

+0

@Baruch vous devez taper atSignUsername (@ + Quentin) pour l'informer de votre commentaire! –