Procesarea formularelor JavaScript (partea 1) - Vreau un site

Bună ziua, am în continuare o serie de articole cu privire la formele și astăzi vreau să abordeze procesarea formularelor pe Java Script. Având în vedere că subiectul este foarte vastă, dar astăzi voi lua în considerare câmpul de introducere pentru a introduce text. textarea și buton butoane.

La această digresiune cu Termin și trece la luarea în considerare foarte, care va avea loc în același mod ca și în tutorial „HTML, forme și CSS (Partea 2 - CSS)“. și anume, o scurtă descriere => demonstrație => Codul

Și vreau să încep cu soluția rămâne o întrebare deschisă în „HTML, formulare și CSS (Partea 2 - CSS)“ - text de ajutor nu dispare atunci când cursorul de intrare se află în câmpul de introducere.

Lucrăm cu câmpuri pentru introducerea textului

Eliminați sfaturi de text

După cum puteți vedea acest lucru este rezolvată prin simpla adăugare de instrucțiuni onfocus = „this.value =«»; this.onfocus = nul;“. într-un câmp de introducere a textului. care spune că, atunci când cursorul setarea în câmpul de introducere, acesta trebuie să fie curățate.

Și pentru a complica sarcina un pic mai mult, să trecem datele introduse în prima casetă de text și inserați-le în cealaltă. Pentru aceasta folosim evenimentul onblur. care apare atunci când pierderea obiectului de interes în tranziția făcând clic pe mouse-ul sau tastatura. Și se aplică pentru a eticheta o zonă, etichetă, de intrare, selectați, textarea, buton,

Acest cod face toate linia de lucru: onblur = „window.document.form1.field1.value = this.value“. Dacă focalizarea este pierdut pentru intrare de câmp din primele câmpuri de date sunt copiate de-al doilea. Cum se înțelege datele, nu puteți doar copia, dar, de asemenea, pentru a salva pentru o prelucrare ulterioară.

În mod similar, putem obține date din domeniu la un multi-line textarea introduce text. Să ne extragem introdus în acest domeniu prin alerta de text. și, în același timp, și modul în care se calculează au fost introduse mai multe caractere.

ieșire text, și este considerat un simbol

Prelucrare de presare

Butoanele sunt foarte frecvente pe paginile web, și, prin urmare, de multe ori trebuie să se ocupe de evenimente asociate cu acestea. Un eveniment major - este cu siguranță împingând butonul. Aici este un exemplu clasic:

Făcând clic pe butonul pentru a modifica textul în câmpul de introducere, și a revenit la implicit atunci când faceți clic pe un link
Întoarcere valoarea implicită

Să considerăm următorul cod. Dacă înainte de a-am întors la elementul sub formă denumit sau se face referire la elementul curent în sine folosind cuvântul cheie acest lucru. aici mă refer la de membrul său index.

O referință în textul folosesc metoda de resetare (). care vă permite să restaurați valorile câmpurilor de formular, dopul implicit și golul (0). Aceasta este metoda de resetare de apel () este echivalentă cu apăsarea butonului de resetare tip = resetare. dar acest buton în sine nu este necesar pentru a crea și gol (0) trebuie să făcând clic pe link-ul de executat cod de script java, mai degrabă decât trecerea la o anumită pagină nibdu.