Walidacja JavaScript: wszystko, co musisz wiedzieć o sprawdzaniu poprawności formularzy i wiadomości e-mail

JavaScript jest jednym z najpopularniejszych języków w , Rozwój front-end i back-end. Służy do tworzenia pięknie zaprojektowanych stron internetowych. W JavaScript walidacja służy do uwierzytelnienia użytkownika. W tym Walidacja JavaScript artykuł, dowiesz się o walidacji formularzy w następującej kolejności:

• Co to jest JavaScript?
• Funkcje w JavaScript
• Co to jest walidacja?
• Walidacja formularza JavaScript
• Weryfikacja wiadomości e-mail JavaScript

Co to jest JavaScript?

jest wysoki poziom, zinterpretowane język programowania używany do zwiększania interaktywności stron internetowych. To jest bardzo potężne Strona klienta język skryptowy, którysprawia, że ​​Twoja strona internetowa jest bardziej żywa i interaktywna.

Jest to język programowania, który pomaga we wdrażaniu złożony i piękny design strony internetowe . Jeśli chcesz, aby Twoja strona internetowa wyglądała jak żywa i robiła o wiele więcej niż tylko gapienie się na Ciebie, JavaScript jest koniecznością.

Funkcje JavaScript:

• Jest to język skryptowy i nie ma z nim nic wspólnego . Początkowo został nazwany Mokka , a następnie zmieniono na LiveScript i ostatecznie został nazwany jako JavaScript .

• JavaScript to plik oparte na obiektach język programowania obsługujący polimorfizm, hermetyzację i dziedziczenie.

  
  
  

• Możesz uruchomić JavaScript nie tylko w przeglądarka ale także na serwer i każde urządzenie z silnikiem JavaScript.

Funkcje JavaScript

Podstawowy cegiełki w JavaScript nazywane są jako Funkcje . Jest to po prostu zestaw instrukcji, które wykonują zadanie lub obliczają wartość. Aby użyć funkcji, należy ją zdefiniować gdzieś w zakresie, z którego chcesz ją wywołać.

Definicja funkcji składa się ze słowa kluczowego function, po którym następuje:

• Plik Nazwa funkcji.

• Lista parametry do funkcji, ujęta w nawias i oddzielona przecinkami.

• JavaScript sprawozdania które definiują funkcję, w nawiasach klamrowych, {}.

Weźmy przykład i zobaczmy, jak zdefiniować funkcję o nazwie Dodaj :

funkcja add (a, b) {return a + b}

Teraz, aby zweryfikować użytkownika, używana jest funkcja walidacji. Więc przejdźmy dalej i dowiedzmy się więcej o walidacji JavaScript.

Co to jest walidacja?

Walidacja to metoda uwierzytelniać użytkownik. JavaScript umożliwia walidację formularza po stronie klienta, więc przetwarzanie danych będzie szybsze niż walidacja po stronie serwera. Jest preferowany przez większość twórców stron internetowych. Za pomocą JavaScript możemy zweryfikować nazwę, hasło, adres e-mail, datę, numery telefonów komórkowych i inne pola.

Strona klienta walidacja uniemożliwia klientowi sprawdzenie, czy formularz jest w porządku przed ponownym załadowaniem strony. Natomiast, Po stronie serwera walidacja jest ważna ze względu na fakt, że walidację po stronie klienta można całkowicie obejść, wyłączając JavaScript.

Przejdźmy teraz do naszego artykułu o walidacji JavaScript i przyjrzyjmy się przykładowi walidacji formularza.

Walidacja JavaScript: przykład

Poniższy przykład to kod HTML, CSS i JavaScript do walidacji formularza, gdzie:

1. HTML jest używany w celu Stwórz formularz.
2. JavaScript jest używany w celu uprawomocnić formularz.

FormValidation.html

walidacja formularza / ** /
Hasło: 
 

To da następujący wynik:

Teraz musisz utworzyć inny plik, który to zrobi przeadresować stronę na nową po kliknięciu Zatwierdź przycisk.

Text.html

Walidacja formularza / ** /

Przekieruje do innej strony i poda następujące informacje wynik :

Teraz musimy dodać plik Funkcjonować w naszym JavaScipt, aby połączyć identyfikator wejściowy. Pojawi się plik alarm wiadomość, jeśli którekolwiek z pól pozostanie puste.

function validateform () {nazwa zmiennej = dokument.myform.nazwa.value zmienna hasło = dokument.myform.password.value if (name == null || name == '') {alert ('Nazwa nie może być pusta' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Pojawi się następujący alarm kiedy Pole nazwy pozostaje puste:

Następnie, jeśli wpiszesz nazwę i zostawisz Pole hasła puste, pojawi się następujący alarm :

Po dodaniu nazwy i hasła w prawidłowym formacie ta strona zostanie przekierowana na stronę Text.html dla ostateczny wynik.

Kompletny kod dla Walidacja formularza następująco:

funkcja walidacji formularza validateform () {nazwa zmiennej = dokument.myform.nazwa.value zmienna hasło = dokument.myform.password.value if (nazwa == null || nazwa == '') {alert ('Nazwa nie może być blank ') return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Hasło: 
 

To był przykład walidacji formularza w JavaScript. możemy również zweryfikować identyfikator e-mail, hasło, numer telefonu komórkowego. i wiele więcej.

A więc weźmy inny przykład i zobaczmy, jak zweryfikować ID e-mail przy użyciu JavaScript.

Weryfikacja wiadomości e-mail JavaScript

Email.html

function ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Podałeś nieprawidłowy adres e-mail!') document.form1.text1.focus () return false}}

Wynik

W ten sposób dotarliśmy do końca naszego artykułu o walidacji JavaScript. Mam nadzieję, że ten blog okazał się przydatny i zdobył podstawową wiedzę na temat walidacji JavaScript.

Nie zapomnij też sprawdzić przez Edureka . Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy w sekcji „Walidacja JavaScript”, a my skontaktujemy się z Tobą.

jak używać anaconda python