Najlepszy samouczek Walidacja formularza JavaScript W 2024 r. W tym samouczku możesz dowiedzieć się Walidacja formularza JavaScript,Wymagane (lub obowiązkowe) Projekt,Przykłady,Weryfikacja e-mail,Przykłady,

Walidacja formularza JavaScript

Walidacja formularza JavaScript

JavaScript może być stosowany przed wysłaniem do serwera w danych na temat tych sprawdzania poprawności danych wejściowych formularza HTML.

Formularz danych często muszą korzystać z JavaScript w celu sprawdzenia jego poprawności:


  • Upewnij się, że dane forma jest pusta?

  • Sprawdź, czy wejście jest prawidłowy adres e-mail?

  • Potwierdź datę wpisany poprawnie?

  • Weryfikacja danych wejściowych formularza jest typ liczbowy?


Wymagane (lub obowiązkowe) Projekt

Następujące funkcje są wykorzystywane do sprawdzenia, czy użytkownik jest zobowiązany do wypełnienia formularza (lub obowiązkowego) projektu. W razie potrzeby lub konieczności opcja jest pusta, to pole ostrzeżenie pojawi się, a wartość powrotu z funkcji jest fałszywe, w przeciwnym razie wartość powrotu z funkcji było prawdziwe (nie ma problemu oznacza, że ​​dane):

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

Powyższa funkcja jest wywoływana, gdy formularz jest składany formularz:

Przykłady

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

Spróbuj »


Weryfikacja e-mail

Funkcja sprawdza, czy wprowadzone dane spełnia następującą podstawową składnię adresu e-mail.

Jego punktem jest to, że dane wejściowe muszą zawierać symbol @ i kropkę (.). Tymczasem @ nie jest pierwszym znakiem mail po znaku @ oraz konieczność co najmniej kilku punktach:

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;
	}
}

Poniżej znajduje się pełny kod wraz z formularza HTML:

Przykłady

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

Spróbuj »
Walidacja formularza JavaScript
10/30