Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introducción JavaScript uso JavaScript exportación JavaScript gramática JavaScript declaraciones JavaScript nota JavaScript variable JavaScript Tipos de datos JavaScript objetos JavaScript función JavaScript alcance JavaScript evento JavaScript cadena JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversión JavaScript Las expresiones regulares JavaScript error JavaScript depuración JavaScript variable de elevación JavaScript Modo estricto JavaScript El uso inapropiado JavaScript autenticación de formularios JavaScript Palabras clave reservadas JavaScript JSON JavaScript void JavaScript Especificación código

JS función

JavaScript definición de la función JavaScript Argumentos de función JavaScript llamada a la función JavaScript Los cierres

JS HTML DOM

DOM breve introducción DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzado

JavaScript objetos JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp objetos

JS navegador BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript música pop JavaScript Evento cronometrado JavaScript Cookies

JS almacén

JavaScript almacén JavaScript prueba jQuery JavaScript prueba Prototype

JS Ejemplos

JavaScript Ejemplos JavaScript instancia de objeto JavaScript instancia de objeto del navegador JavaScript HTML DOM Ejemplos JavaScript resumen

JS Manual de referencia

JavaScript objetos HTML DOM objetos

la validación de formularios JavaScript

la validación de formularios JavaScript

JavaScript puede ser utilizado antes de ser enviado al servidor de los datos sobre estos validación de datos de entrada de formulario HTML.

los datos del formulario a menudo tienen que usar JavaScript para verificar su corrección:


  • Compruebe que los datos del formulario está vacía?

  • Compruebe si la entrada es una dirección de correo electrónico correcta?

  • Verificar la fecha introducida correctamente?

  • Validar la entrada del formulario es de tipo numérico?


Requerido (u obligatoria) proyecto

Las siguientes funciones se utilizan para comprobar si el usuario está obligado a rellenar un formulario de proyecto (obligatorio o). Si es necesario o una opción necesaria está vacía, entonces una ventana de advertencia que pop-up, y el valor de retorno de la función es falso, de lo contrario el valor devuelto por la función era verdad (no hay problema significa que los datos):

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

La función anterior se llama cuando el formulario se envía formulario:

Ejemplos

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

Trate »


la verificación E-mail

función comprueba si los datos introducidos cumple con la siguiente sintaxis básica de la dirección de correo electrónico.

Su punto es que los datos de entrada deben incluir el símbolo @ y el punto (.). Mientras tanto, la @ no es el primer correo electrónico después de que el carácter @ y la necesidad de, al menos, una serie de puntos:

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

El siguiente es el código completo junto con el formulario HTML:

Ejemplos

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

Trate »