Prelucrarea formularelor cu

ajutorul JS. RegEx.

Profesor: Ciobanu Valeria
Grupul țintă: Anul IV
Amintim...
1. Ce este un formlar și care pot fi
elementele lui?
2. Obiectul form.
3. Comenzile JS de accesare a
elementelor formularelor.
4. Comenzi JS de preluare/setare a
valorii elementelor unui formular.
3. getElementBy
[Id/TagName/Class]
querySelector/ document.forms["id"]

4. .value
Această fotografie de Autor necunoscut este licențiat sub CC BY-SA.
 Validarea elementelor formularelor
• Conform DEX: Confirmare a temeiniciei unei demonstrații, a unei
teorii etc.
Exemple de validare

1. Completare obligatorie;
2. Completarea doar cu cifre/litere/anumite caractere;
3. Completarea după un anumit format;
4. Respectarea anumitor limite [min; max] .
Cum verificăm?

•  Instrucțiuni
3,4 condiționate

• JS- funcții și
2 instrucțiuni
• C#- isDigit, isLetter
etc.
Cum verificăm 3? (vezi slide-ul 6)
• RegEx (regular expresion)- folosit pentru a realiza căutări şi înlocuiri
într-un text
Definirea modelelor de căutare
C

var txt = new RegExp(pattern, modifiers);

    -pattern specifică modelul căutat 
    -modifiers specifică dacă cătarea este globală, case-senzitivă etc.
var m1=new RegExp("d"); 
Caracteristici RegEx

Modificatori Paranteze [] Metacaracterele Cuantificatori Proprietăți Metode

Modificatori
Paranteze []
Metacaracterele
Cuantificatori
Proprietăți
Metode
• Test()- caută într-un şir un model şi returnează true sau false. 
• Exec()- caută în text un model şi returnează modelul, dacă acesta este
găsit, sau valoarea null, dacă modelul nu apare în text
• Compile()- utilizată pentru a modifica conţinutul obiectului RegExp
• Match()- găsește toate caracterele precizate în model cu ajutorul
parantezelor pătrate.
Practicăm
https://regex101.com/