Обработка на формуляри на JavaScript (част 1) - Искам уеб сайт

Добър ден, аз продължавам поредица от статии за формите и днес искам да се справи с обработката на формулярите на Java Script. Тъй като темата е много обширна, но днес ще разгледа поле за въвеждане на текст, за да влезете. текстово поле и бутон бутони.

По това отклонение с приключа и да пристъпи към самото разглеждане, което ще се проведе по същия начин, както при начинаещи "HTML, форми и CSS (Част 2 - CSS)". а именно, кратко описание => демонстрация => Кодът

И искам да се започне с решаването Остава открит въпросът в "HTML, форми и CSS (част 2 - CSS)" - помощен текст не изчезва, когато входният курсора стои в полето за въвеждане.

Ние работим с полета за въвеждане на текст

Премахване на текстови съвети

Както можете да видите това е решен само чрез добавяне инструкции onfocus = "this.value = ''; this.onfocus = нула;". в поле за въвеждане на текст. който казва, че при определянето на полето за въвеждане на курсора, тя трябва да се почисти.

И за да усложни задачата малко по-, нека да стигнем до данните, въведени през първото текстово поле и ги поставете в другата. За това ние използваме случай onBlur. което се случва, когато загубата на обекта на фокус в прехода с кликване на мишката или клавиатурата. И това се отнася и за маркирате, площ, етикет, вход, изберете текстово поле, бутон

Този код върши цялата работа ред: onBlur = "window.document.form1.field1.value = this.value". Ако фокус е загубено за поле за въвеждане от първите области на данни се копират втория. Как ще разбере данните, можете не само да копирате, но и да запазите за по-нататъшна обработка.

По същия начин, можем да получим данни от областта на многоредово текстово поле за въвеждане на текст. Нека да извличат въведен в тази област от сигнала на текста. и в същото време и да се изчисли колко са въведени много знаци.

Текст, изход, и се счита за символ

обработка натискане

Бутоните са много често срещани в уеб страници, и затова често трябва да се справят събития, свързани с тях. А голямо събитие - това е определено натискане на бутона. Ето един класически пример:

С кликване върху бутона, за да се промени текста в полето за въвеждане, и се върнаха към по подразбиране, когато щракнете върху връзката
Върнете стойността по подразбиране

Нека разгледаме следния код. Ако преди да се обърна към елемента форма на име или посочен текущата самия елемент помощта на ключовата дума това. Тук имам предвид от индекса си член.

А справка в текста използвам метода на нулиране (). която ви позволява да възстановите стойностите на полетата на формата, щепсела по подразбиране и празнотата (0). Това е метод за нулиране повикване () е еквивалентно на натискането на бутон за нулиране тип = нулиране. но този бутон себе си не е необходимо да се създаде и недействителен (0) трябва да като кликнете върху връзката изпълнява Java Script код, вместо да преминат към някои nibdu страница.