validazione dei form JavaScript

validazione dei form JavaScript

JavaScript può essere utilizzato prima di essere inviato al server i dati sulla queste forma HTML convalida dei dati di ingresso.

dati del modulo spesso la necessità di usare JavaScript per verificarne la correttezza:

• Verificare che i dati del modulo è vuoto?


• Verificare se l'input è un indirizzo email corretto?


• Verificare la data inserita correttamente?


• Convalidare l'input forma è di tipo numerico?

Richiesto (o obbligatoria) del progetto

Le seguenti funzioni vengono utilizzate per verificare se l'utente è tenuto a compilare un modulo (o obbligatoria) del progetto. Se richiesto o necessario l'opzione è vuota, poi una finestra di avviso si aprirà, e il valore di ritorno della funzione è falso, altrimenti il ​​valore di ritorno della funzione era vero (nessun problema significa che i dati):

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

La funzione di cui sopra viene chiamata quando il modulo viene inviato sotto forma:

Verifica email

funzione controlla se i dati inseriti soddisfi i seguenti sintassi di base di indirizzo di posta elettronica.

Il suo punto è che i dati di input devono includere il simbolo @ e il punto (.). Nel frattempo, il @ non è il primo indirizzo di posta carattere dopo la @ e la necessità per almeno un certo numero di punti:

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

Il seguente è il codice completo con modulo HTML: