Il miglior tutorial validazione dei form JavaScript Nel 2024, in questo tutorial puoi imparare validazione dei form JavaScript,Richiesto (o obbligatoria) del progetto,Esempi,Verifica email,Esempi,

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:

Esempi

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

Prova »


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:

Esempi

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

Prova »
validazione dei form JavaScript
10/30