La crearea oricăror formulare pe site-ul dvs., trebuie să organizați diverse verificări ale câmpurilor de formular.
În această lecție, aș dori să vă arăt o modalitate de a face acest lucru folosind pluginul JQuery Validation.
Acest plugin verifică câmpurile de formular pentru a respecta regulile și arată dinamic erorile utilizatorului.
Stabiliți calitatea de 1080r.
Să examinăm un exemplu simplu:
Conectăm fișierele necesare:
Conectăm biblioteca JQuery, pluginul JQuery Validation și fișierul în care vom scrie codul nostru pentru verificare.
Iată codul HTML cu formularul nostru:
Și aici este fișierul myscripts.js cu codul nostru de validare a formularului:
Pentru a modifica aspectul mesajelor de eroare, trebuie să lucrați cu clasa în fișierul .error CSS
Documentația pentru plugin este aici.
Dacă lecția a fost utilă pentru dvs., faceți clic pe butonul de mai jos, voi fi recunoscător. Mult noroc și urmați cursul evenimentelor
Bună ziua!
Acesta a fost mult timp folosind metoda de validare, numai un singur cip în ea nu este suficient, poate cineva știe cum să se compare valorile numerice ale câmpurilor cu unul pe altul? S-a încercat prin max și min, adică de exemplu, minim polyu2 = valoarea polya1, dar din anumite motive nu funcționează, dacă specificați în numărul specific min (1,2,3 ...), atunci funcționează, dar variabila nu vrea să ia.
Alo O egalitate Nu ți se potrivește?
Din păcate nu. Sarcina este astfel încât trebuie să verificați, de exemplu, că suma celor două câmpuri este mai mică sau egală cu valoarea celui de-al treilea câmp. A încercat să facă ascunse, valoarea care prin JS devine pur și simplu aceeași cantitate de cele două câmpuri, iar apoi acesta este un câmp ascuns pentru a compara cu valoarea celui de al treilea domeniu (prin proprietate min al treilea câmp), dar, așa cum sa dovedit, această proprietate nu poate fi dinamic.
Mulțumesc. Totul este super! este ușor de înțeles și plăcut să ascultați!
Trimiteți-le prietenilor: