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:

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: