Verificarea umplerii câmpurilor de formulare cu jquery, blogul lui Kostanovich Stepan

Verificarea umplerii câmpurilor formularului cu jQuery

Clientul a cerut câmpurile de formular să facă o altă verificare pentru a finaliza verificarea formularului, astfel încât utilizatorii să nu poată să le trimită necompletate. Toate acestea ar putea fi realizate printr-o metodă simplă de verificare a câmpurilor prin HTML5. Dar această metodă nu mi-a fost de acord.

Am început să mă gândesc la această problemă, iar decizia a venit! Puteți verifica să completați câmpurile de formular utilizând JQuery Validation. Această metodă poate fi utilizată pe orice motor, site etc.
Deci, pluginul JQuery Validation verifică câmpurile de formular pentru regulile pe care le-ați creat și, dacă nu există nici o potrivire, afișează erorile dinamice pe care le-a făcut utilizatorul la completarea formularului.

Să începem să creăm formularul.

  1. Creați un fișier pentru formular. Dacă există un fișier cu un formular, treceți peste primul paragraf. Iată cum arată codul de formă:
Fiți atenți la id = "myform-1". name = "login". nume = "parola". Aceste nume le voi folosi când creez regulile de validare a formularului. Puteți să apelați după propriile dvs. nume dacă doriți.
  • În fișierul în care va fi plasat formularul, conectați biblioteca JQuery. pluginul JQuery Validation și fișierul cu extensia ".js", unde veți scrie propriile reguli pentru verificarea formularului.
    Inserați acest cod între etichete :
  • Creați un dosar "js" și creați un fișier "myscriptspravil.js" cu acest cod:

    Să rupem un cod.
    Numărul articolului 3.

    "Myform-1" este numele formularului și este luat aici:

    Regulile sunt scrise cu o virgulă între conectarea parantezelor:<>

    Regulile sunt scrise cu o virgulă între parola paranteză:<>

    În codul pe care l-am scris fiecărui punct de vedere, cred că nu ar trebui să fie o problemă.
  • Puteți crea stiluri CSS pentru erori:

    • Apropo, puteți salva biblioteca JQuery și pluginul JQuery Validation în folderul "js". Apoi calea către fișiere va fi astfel:

    Iată șablonul de fișier pentru crearea regulilor: "myscriptspravil.js":

    obligatoriu - câmp obligatoriu (adevărat sau fals)

    data - verificați dacă data este corectă (adevărată sau falsă)

    dateISO - verificați corectitudinea datei ISO (true sau false)

    cifre - numai cifre (true sau false)

    maxlength - numărul maxim de caractere

    minlength - numărul minim de caractere

    rangelength - numărul de caractere de la și la (rangelength: [3, 8])

    interval - numărul trebuie să se situeze în intervalul de la și până la (intervalul: [12, 20])

    max - valoarea maximă a numărului

    min este valoarea minimă a unui număr

    Puteți vedea documentația despre plugin și regulile de aici.

    Articole similare

    Pagina anterioară

    Pagina următoare