Latest web development tutorials
×

JavaScript курс

JavaScript курс JavaScript Краткое введение JavaScript использование JavaScript экспорт JavaScript грамматика JavaScript Заявления JavaScript примечание JavaScript переменная JavaScript Типы данных JavaScript объекты JavaScript функция JavaScript сфера JavaScript событие JavaScript строка JavaScript операторы JavaScript сравнить JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Тип преобразования JavaScript Регулярные выражения JavaScript ошибка JavaScript отладка JavaScript Переменный лифт JavaScript Строгий режим JavaScript ненадлежащее использование JavaScript Аутентификация с помощью форм JavaScript Зарезервированные ключевые слова JavaScript JSON JavaScript void JavaScript Спецификация Код

JS функция

JavaScript определение функции JavaScript Аргументы функции JavaScript вызов функции JavaScript Затворы

JS HTML DOM

DOM Краткое введение DOM HTML DOM CSS DOM событие DOM EventListener DOM элемент

JS Расширенный учебник

JavaScript объекты JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp объекты

JS браузер BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript поп JavaScript Timed событие JavaScript Cookies

JS кладезь

JavaScript кладезь JavaScript тест jQuery JavaScript тест Prototype

JS примеров

JavaScript примеров JavaScript экземпляр объекта JavaScript экземпляр объекта Browser JavaScript HTML DOM примеров JavaScript резюме

JS справочное руководство

JavaScript объекты HTML DOM объекты

форма проверки JavaScript

форма проверки JavaScript

JavaScript может быть использован перед отправкой на сервер в данных об этих проверки входных данных HTML-форм.

Данные Формы часто необходимо проверить его правильность использования JavaScript:


  • Убедитесь в том, что данные формы пуст?

  • Убедитесь в том, должен ли вход правильный адрес электронной почты?

  • Проверьте дату введены правильно?

  • Проверка формы ввода является числовым типом?


Требуется (или обязательный) проект

Следующие функции используются для проверки, требуется ли пользователю заполнить форму (или обязательного) проекта. При необходимости или необходимости вариант пуст, то окно с предупреждением появится, а возвращаемое значение функции является ложным, в противном случае возвращаемое значение функция была истинная (не проблема означает, что данные):

function validateForm()
{
	var x=document.forms["myForm"]["fname"].value;
	if (x==null || x=="")
	{
		alert("姓必须填写");
		return false;
	}
}

Выше функция вызывается, когда форма была отправлена ​​форма:

примеров

<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

Попробуйте »


Электронная почта проверка

Функция проверяет введенные ли данные удовлетворяют следующим базовым синтаксисом адреса электронной почты.

Его дело в том, что входные данные должны включать в себя символ @ и точка (.). Между тем, @ не первый символ электронной почты после @ и необходимость по крайней мере в ряде пунктов:

function validateForm(){
	var x=document.forms["myForm"]["email"].value;
	var atpos=x.indexOf("@");
	var dotpos=x.lastIndexOf(".");
	if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
		alert("不是一个有效的 e-mail 地址");
		return false;
	}
}

Ниже приведен полный код вместе с HTML-формы:

примеров

<form name="myForm" action="demo-form.php" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>

Попробуйте »