Проверка JavaScript | Знать о проверке форм и электронных писем
JavaScript — один из самых популярных языков в Full-Stack, Front-end и Back-end разработке. Он используется для создания красиво оформленных веб-сайтов. В JavaScript проверка используется для аутентификации пользователя. В этом Проверка JavaScript статья, Вы узнаете о проверке формы.
Что такое JavaScript?
JavaScript — это высокий уровень, интерпретация язык программирования, используемый для того, чтобы сделать веб-страницы более интерактивными. Это очень мощный сторона клиента язык сценариев, который делает вашу веб-страницу более живой и интерактивной.
Это язык программирования, который поможет вам реализовать сложный и красивый дизайн на интернет страницы. Если вы хотите, чтобы ваша веб-страница выглядела живой и делала гораздо больше, чем просто пялилась на вас, JavaScript просто необходим.
Особенности JavaScript:
Это язык сценариев и не имеет ничего общего с Java. Первоначально он был назван Мокко затем изменился на LiveScript и, наконец, он был назван JavaScript.
JavaScript — это объектно-ориентированный язык программирования, поддерживающий полиморфизм, инкапсуляцию и наследование.
Вы можете запускать JavaScript не только в браузер но и на сервер и любое устройство с движком JavaScript.
Функции JavaScript
Фундаментальный строительные блоки в JavaScript называются Функции. По сути, это набор операторов, которые выполняют задачу или вычисляют значение. Чтобы использовать функцию, она должна быть определена где-то в той области видимости, из которой вы хотите ее вызвать.
Определение функции состоит из ключевого слова function, за которым следует:
имя функции.
Список параметры к функции, заключенной в круглые скобки и разделенной запятыми.
JavaScript заявления которые определяют функцию, заключенную в фигурные скобки { }.
Давайте возьмем пример и посмотрим, как определить функцию с именем добавлять :
function add(a,b) {
return a+b;
}
Теперь для проверки пользователя используется функция проверки. Итак, давайте двигаться дальше и узнать больше о проверке JavaScript.
Что такое валидация?
Валидация – это способ аутентифицировать Пользователь. JavaScript предоставляет возможность проверки формы на стороне клиента, поэтому обработка данных будет быстрее, чем проверка на стороне сервера. Его предпочитает большинство веб-разработчиков. С помощью JavaScript мы можем проверить имя, пароль, адрес электронной почты, дату, номера мобильных телефонов и другие поля.
Сторона клиента проверка не позволяет клиенту узнать, в порядке ли форма, до перезагрузки страницы. Тогда как, Серверная часть проверка важна из-за того, что проверку на стороне клиента можно полностью обойти, отключив JavaScript.
Теперь давайте перейдем к нашей статье о проверке JavaScript и рассмотрим пример проверки формы.
Проверка JavaScript: пример
Следующий пример представляет собой код на HTML, CSS и JavaScript для проверки формы, где:
- HTML используется для Создайте форма.
- JavaScript используется для подтверждать форма.
Проверка формы.html
<html>
<head>
<title>form validation</title>
<script>
/**/
</script>
</head>
<body>
<form name="myform" method="post" action="Text.html" onsubmit="return validateform()"
Name: <input type="text" name="name"><br/>
Password: <input type="password" name="password"><br/>
<input type="submit" value="register"></form>
</body>
Это даст следующий результат:
Теперь вам нужно создать еще один файл, который будет перенаправить страница на новую после нажатия Разместить кнопка.
Текст.html
<html>
<head>
<title>Form Validation</title>
<script type="text/javascript">
/**/
</script>
</head>
<body>
<h1> Welcome to Edureka </h1>
</body>
</html>
Он перенаправит на другую страницу и выдаст следующее выход :
Теперь нам нужно добавить Функция в нашем JavaScipt, чтобы связать входной идентификатор. Появится тревога сообщение, если какое-либо из полей оставлено пустым.
function validateform(){
var name=document.myform.name.value;
var password=document.myform.password.value;
if (name==null || name==""){
alert("Name can't be blank");
return false;
}
else if(password.length<6){
alert("Password must be atleast 6 characters long.");
return false;
}
}
Это выведет следующее тревога когда Поле имени остается пустым:
Далее, если вы введете имя и оставите Поле пароля пусто, появится следующее тревога :
Как только вы добавите имя и пароль в правильном формате, эта страница будет перенаправлена на страницу Text.html для окончательный вывод.
Полный код для Проверка формы составляет:
<html>
<head>
<title>form validation</title>
<script>
function validateform(){
var name=document.myform.name.value;
var password=document.myform.password.value;
if (name==null || name==""){
alert("Name can't be blank");
return false;
}
else if(password.length<6){
alert("Password must be atleast 6 characters long.");
return false;
}
}
</script>
</head>
<body>
<form name="myform" method="post" action="Text.html" onsubmit="return validateform()"
Name: <input type="text" name="name"><br/>
Password: <input type="password" name="password"><br/>
<input type="submit" value="register">
</form>
</body>
Это был пример проверки формы в JavaScript. мы также можем проверить идентификатор электронной почты, пароль, номер мобильного телефона. и многое другое.
Итак, давайте возьмем другой пример и посмотрим, как проверить электронный идентификатор используя JavaScript.
Проверка электронной почты JavaScript
Электронная почта.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("You have entered an invalid email address!");
document.form1.text1.focus();
return false;
}
}
Выход
На этом мы подошли к концу нашей статьи о проверке JavaScript. Я надеюсь, что вы нашли этот блог информативным и получили базовое представление о проверке JavaScript.
