Bună ziua. 🙂
O lungă perioadă de timp de când nu am scris la fel de mult ca o lună. Mică vacanță la sfârșitul verii, și apoi un mic baraj pe ordinele, care este încă în curs de desfășurare, dar încă mai avea o oră liberă să aloce, pentru site-ul trebuie să completați și vă puteți bucura de lecții noi.
Subiectul articolului de astăzi este o formă de umplere, și anume ei mic de validare. Pentru a fi mai precis, acesta nu este validat în întregime, deoarece controlul asupra corectitudinii de intrare nu se va face. Această metodă face butonul Revizuieste inactiv până când câmpurile obligatorii din formular au fost completate.
Bloca butonul până când câmpul submit nu este completat, acesta este realizat folosind jQuery. Ea ne ajută un pic script care va realiza planul său. Hai să facem o formă cu un buton inactiv.
Conectarea bibliotecii jQuery
Primul pas este de a se conecta la capacul înainte de a capului de închidere sau în subsol, înainte de bibliotecă zakryvayuschimsyabody jQuery.
Aici trebuie să fim foarte atenți, uneori, biblioteca a fost odată conectat și re-conectați-l va duce la un conflict și funcționarea defectuoasă a script-ul. Deci, în cazurile nu funcționează, încercați să nu se conecteze această bibliotecă sau schimba locația conexiunii.
Trimiteți butonul de blocare script
Mai mult, după ce biblioteca adaugă un script care va verifica câmpurile pe care doriți, și în cazul în care umple va activa butonul de trimitere.
Liniile 2,3,4 cere câmpul nostru, și anume ID-ul lor sub forma viitoare și nume pentru script-ul. În cuvintele trei, astfel încât primejdie inutile pot elimina sau adăuga altele noi.
6 În parametrii de linie sunt setate pe numărul de caractere în câmpurile. Acest cod este specificat! = 0, care este, în cazul în care câmpul nu este nimic nu se buton deblocare, în cazul în care pentru a conduce cel puțin un caracter, câmpul este considerat umplut. Și, după cum se poate vedea avem aceste trei domenii, și fiecare are aceeași opțiune.
Dacă trebuie să specificați un număr minim de caractere diferite, atunci trebuie să schimbați codul de un pic. Dacă înlocuiți pur și simplu „0“ la numărul dorit, atunci nu va funcționa. Face totul de lucru trebuie să fie înlocuit:
Asta este, am stabilit parametrii permit trimiterea, în cazul în care câmpul este egal cu mai mult de 7 caractere. Adică, butonul nu este activat în timp ce în domeniu, a declarat această opțiune nu va fi de 7 sau mai multe caractere. Să ne cerem următorii parametri. Pentru numele de 2 caractere pentru e-mail - 5 și numărul 7 terminat pe locul 6 linie de script-ul arată astfel:
Pentru cei care sunt interesați în cauză - cum să se precizeze numărul maxim de caractere?. Răspuns: în codul HTML în câmpul de introducere, lista atributul
care stabilește o limită de 15 caractere. Trebuie doar să introduceți numărul.
La 7 și 9 bari butonul Set ID-ul viitorului nostru - „trimite“ de forma, care, în cazul condițiilor vor fi deblocate. În acest caz - #submit.
Acest lucru la locul de muncă, în primul rând - câmpurile obligatorii trebuie să adăugați un eveniment -
care începe lucrarea de script-ul nostru.
În al doilea rând, butonul pentru a adăuga un atribut dezactivat, script-ul care va fi anulat în cazul completării câmpurile obligatorii.
În al treilea rând, la câmpurile de intrare trebuie să fie ID-ul, care este de asemenea indicat în scenariu, așa cum am spus mai sus.
Această metodă mi-a ajutat pentru a crea o formă care utilizează ajax și să trimită o scrisoare fără a reîncărca pagina, indiferent dacă câmpurile sunt completate. Aceasta este, în cazul în care o persoană începe prin simpla apăsare a unui buton, se va goli scrisoarea, precum și butonul este dezactivat și nu o fac.
Asta e tot, vă mulțumesc pentru atenție. 🙂
Dacă ați fost utile pentru munca mea, vă poate sprijini site-ul dvs. :)
Bună ziua dragi prieteni
Ai instalat extensia AdBlock sau altele asemenea. Adaugă site-ul meu pe lista albă, și, astfel, vnesesh contribuie la dezvoltarea acesteia. Instrucțiuni despre cum să dezactivați AdBlock doriți această fereastră