Лучшее руководство по форма проверки JavaScript в 2024 году. В этом руководстве вы можете изучить форма проверки JavaScript,Требуется (или обязательный) проект,примеров,Электронная почта проверка,примеров,

форма проверки 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>

Попробуйте »
форма проверки JavaScript
10/30