Este ejemplo resume las funciones de validación comunes para JavaScript. Compártelo para su referencia. El resumen específico es el siguiente:
1. Verificación de clase de cadena
1. Longitud de longitud
Copie el código de la siguiente manera: <script>
Test de funciones ()
{
if (document.abvalue.length> 50)
{
alerta ("¡No se puede exceder los 50 caracteres!");
document.abfocus ();
devolver falso;
}
}
</script>
<form de nombre = a onsubmit = "return test ()">
<Textarea name = "b" cols = "40" wrap = "virtual" Rows = "6"> </textarea>
<input type = "enviar" name = "enviar" value = "check">
</form>
2. Solo puede ser caracteres chinos
Copie el código del código de la siguiente manera: <input onkeyUp = "value ="/oblog/value.replace (/[^/u4e00-/u9fa5]/g, '') ">
3. "Solo puede estar en inglés
Copie el código de la siguiente manera: <Script Language = JavaScript>
function Onlyeng ()
{
if (! (event.keycode> = 65 && event.keycode <= 90))
event.returnValue = false;
}
</script>
<input onKeydown = "Onlyeng ();">
4. Solo puede ser un número
Copie el código de la siguiente manera: <Script Language = JavaScript>
function OnlyNum ()
{
if (! ((event.keycode> = 48 && event.keycode <= 57) || (event.keycode> = 96 && event.keycode <= 105))))
// Considere las teclas numéricas en el teclado
event.returnValue = false;
}
</script>
<input onkeydown = "solonum ();">
5. Solo caracteres y números ingleses
Copie el código del código de la siguiente manera: <input onKeyUp = "value ="/oblog/value.replace (/[/w]/g, "'' ')" onbeforePaste = "PortboardData.SetData (' Text ', PortboardData.getData (' Text '). Reemplazar (/[^/D]/G,' '')"> ">"> "
6. Verifique el formato de correo electrónico
La copia del código es la siguiente: <script language = javaScript runat = servidor>
función isEmail (stremail) {
if (stremail.search (/^/w+((-/w+) | (/./ w+))*/@[a-za-z0-9]+((/. |-) [a-z-z0-9]+)*/. [a-z-z0-9]+$/)! = -1)
devolver verdadero;
demás
alerta ("Oh");
}
</script>
<input type = text onblur = isemail (this.value)>
7. Bloquear palabras clave (bloque *** y **** aquí)
Copie el código de la siguiente manera: <script language = "javaScript1.2">
función test () {
if ((abvalue.indexof ("***") == 0) || (abvalue.indexof ("****") == 0)) {
alerta ("123");
abfocus ();
devolver falso;}
}
</script>
<form de nombre = a onsubmit = "return test ()">
<input type = text name = b>
<input type = "enviar" name = "enviar" value = "check">
</form>
8. Si la contraseña es la misma dos veces
Copie el código de código de la siguiente manera: <formhor de formato = post accy = "">
<input type = "contraseña" id = "input1">
<input type = "contraseña" id = "input2">
<input type = "button" value = "test" onClick = "check ()">
</form>
<script>
CHECKA DE FUNCIÓN ()
{
con (document.all) {
if (input1.value! = input2.Value)
{
alerta ("falso")
input1.value = "";
input2.Value = "";
}
else document.forms [0] .submit ();
}
}
</script>
9. ¡Es genial bloquear el clic derecho!
Copie el código de la siguiente manera: onContextMenu = "return false" ondragStart = "return false" onSelectStart = "return false"
Agregado en el cuerpo
2. Verificación de forma
1 El elemento del formulario no puede estar vacío
Copie el código de la siguiente manera: <script language = "javaScript">
<!-
función checkform ()
{
if (document.form.name.value.length == 0) {
alerta ("¡Ingrese su nombre!");
document.form.name.focus ();
devolver falso;
}
devolver verdadero;
}
->
</script>
2 Compare si los valores de los dos elementos de formulario son los mismos
Copie el código de la siguiente manera: <script language = "javaScript">
<!-
función checkform ()
if (document.form.pwd.value! = document.form.pwd_again.value) {
alerta ("La contraseña que ingresó dos veces es diferente! Por favor, vuelva a ingresar");
document.adduser.pwd.focus ();
devolver falso;
}
devolver verdadero;
}
->
</script>
3 El elemento del formulario solo puede ser el número y "_", utilizado para la verificación de la cuenta del teléfono/bancario, puede extenderse al registro del nombre de dominio, etc.
Copie el código de la siguiente manera: <script language = "javaScript">
<!-
función isnumber (cadena)
{
Var letras = "1234567890-"; // Puede aumentar el valor de entrada usted mismo
var i;
var c;
if (string.charat (0) == '-')
devolver falso;
if (string.charat (string.length - 1) == ' -')
devolver falso;
para (i = 0; i <string.length; i ++)
{
c = string.charat (i);
if (letras.indexof (c) <0)
devolver falso;
}
devolver verdadero;
}
función checkform ()
{
if (! isNumber (document.form.tel.value)) {
alerta ("¡Su número de teléfono es ilegal!");
document.form.tel.focus ();
devolver falso;
}
devolver verdadero;
}
->
</script>
4 Formulario Valor de entrada/límite de longitud
Copie el código de la siguiente manera: <script language = "javaScript">
<!-
función checkform ()
{
if (document.form.count.value> 100 || document.form.count.value <1)
{
alerta ("El valor de entrada no puede ser inferior a cero o mayor que 100!");
document.form.count.focus ();
devolver falso;
}
if (document.form.message.value.length <10)
{
alerta ("El texto de entrada es menos de 10!");
document.form.message.focus ();
devolver falso;
}
devolver verdadero;
}
//->
</script>
5 chino/inglés/número/dirección de correo electrónico Juicio de legalidad
Copie el código de la siguiente manera: <script language = "javaScript">
<!-
función isenglish (nombre) // detección de valor en inglés
{
if (name.length == 0)
devolver falso;
para (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
devolver falso;
}
devolver verdadero;
}
la función es chino (nombre) // detección de valor chino
{
if (name.length == 0)
devolver falso;
para (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
devolver verdadero;
}
devolver falso;
}
función ismail (nombre) // detección de valor de correo electrónico
{
if (! isenglish (nombre))
devolver falso;
i = name.IndexOf ("at");
j = nombre dot lastindexof ("at");
if (i == -1)
devolver falso;
if (i! = j)
devolver falso;
if (i == name longitud de punto)
devolver falso;
devolver verdadero;
}
función isnumber (nombre) // detección numérica
{
if (name.length == 0)
devolver falso;
para (i = 0; i <name.length; i ++) {
if (name.charat (i) <"0" || name.charat (i)> "9")
devolver falso;
}
devolver verdadero;
}
función checkform ()
{
if (! ismail (form.email.value)) {
alerta ("¡Su correo electrónico es ilegal!");
form.email.focus ();
devolver falso;
}
if (! isenglish (form.name.value)) {
alerta ("¡El nombre en inglés es ilegal!");
form.name.focus ();
devolver falso;
}
if (! ischinese (form.cnname.value)) {
alerta ("¡El nombre chino es ilegal!");
form.cnname.focus ();
devolver falso;
}
if (! isNumber (form.publiczipcode.value)) {
alerta ("El código postal es ilegal!");
form.publiczipcode.focus ();
devolver falso;
}
devolver verdadero;
}
//->
</script>
6 caracteres que no pueden ingresar en un elemento de formulario
Copie el código de la siguiente manera: <script language = "javaScript">
<!-
la función contiene (str, charset) // la cadena contiene funciones de prueba
{
var i;
para (i = 0; i <charset.length; i ++)
if (str.indexof (charset.charat (i))> = 0)
devolver verdadero;
devolver falso;
}
función checkform ()
{
if ((contener (document.form.name.value, "%/(/)> <")) || (contener (document.form.message.value, "%/(/)> <")))
{
alerta ("carácter ilegal ingresado");
document.form.name.focus ();
devolver falso;
}
devolver verdadero;
}
//->
</script>
3. Otras verificaciones:
1. Verifique si una cadena está compuesta de números
Copie el código de código de la siguiente manera: <script language = "javaScript"> <!-
función checkNum (str) {return str.match (// d/) == null}
alerta (checkNum ("1232142141"))
alerta (checknum ("123214214a1"))
// -> </script>
2. Cómo determinar si es un personaje
La copia del código es la siguiente: if (/+^/x00-/xfffont>/g.test(s)) alerta ("contiene caracteres chinos");
else alerta ("todos los personajes");
3. Cómo determinar si se incluyen caracteres chinos
La copia del código es la siguiente: if (escapar (str) .indexof ("%u")! =-1) alerta ("contiene caracteres chinos");
else alerta ("todos los personajes");
4. Verificación del formato de correo electrónico
Copie el código de la siguiente manera: // Nombre de la función: Chkemail
// Introducción de la función: verifique si se trata de una dirección de correo electrónico
// Descripción del parámetro: cadena para verificar
// Valor de retorno: 0: no 1: sí
función chkemail (a)
{var i = a.length;
var temp = a.indexof ('@');
var tempd = a.indexof ('.');
if (temp> 1) {
if ((i-temp)> 3) {
if ((i-Tempd)> 0) {
regresar 1;
}
}
}
regresar 0;
}
5. Verificación del formato digital
Copie el código de la siguiente manera: // Nombre de la función: Fucchecknum
// Introducción a la función: verifique si es un número
// Descripción de la partícula: número para verificar
// Valor de retorno: 1 es un número, 0 no es un número
función fucchecknum (num)
{
var i, j, strtemp;
strtemp = "0123456789";
if (num.length == 0)
regresar 0
para (i = 0; i <num.length; i ++)
{
j = strtemp.indexof (num.charat (i));
if (j ==-1)
{
// Significa que hay caracteres pero no números
regresar 0;
}
}
// La descripción es un número
regresar 1;
}
6. Verificación del formato de número de teléfono
Copie el código de la siguiente manera: // Nombre de la función: Fucchecktel
// Introducción a la función: verifique si se trata de un número de teléfono
// Descripción del parámetro: cadena para verificar
// Valor de retorno: 1 es legal, 0 es ilegal
función fucchecktel (tel)
{
var i, j, strtemp;
strtemp = "0123456789-()#";
para (i = 0; i <tel.length; i ++)
{
j = strtemp.indexof (tel.charat (i));
if (j ==-1)
{
// Significa que hay personajes ilegales
regresar 0;
}
}
// explicación legal
regresar 1;
}
7. Una función para determinar si la entrada es un idioma chino
Copie el código de la siguiente manera: función ischina (s) {
var Ret = True;
para (var i = 0; i <s.length; i ++)
ret = ret && (s.charcodeat (i)> = 10000);
regreso de regreso;
}
8. Una función integral para juzgar la legitimidad de la entrada del usuario
Copie el código de la siguiente manera: <script language = "javaScript">
// limita el número de bits de caracteres de entrada para comenzar
// m es la entrada del usuario, n es el número de dígitos que se limitaron
función issmall (m, n)
{
if ((m <n) && (m> 0))
{
return (falso);
}
demás
{return (true);}
}
9. Determine si la contraseña se ingresa de manera consistente
Copie el código de la siguiente manera: Función ISSAME (STR1, STR2)
{
if (str1 == str2)
{return (true);}
demás
{return (false);}
}
10. Determine si el nombre de usuario es una línea deslizante de letras numéricas
La copia del código es la siguiente: function NotchineSe (str) {
var reg =/[^a-Za-z0-9 _]/g
if (reg.test (str)) {
return (falso);
}demás{
return (verdadero); }
}
11. Función de verificación general para el campo de texto de formulario
Función: detectar todos los textos de entrada que deben estar no vacíos, como el nombre, la cuenta, la dirección de correo electrónico, etc.
Esta verificación ahora es solo para campos de texto. Si desea apuntar a otros objetos de dominio en la forma, puede cambiar las condiciones de juicio.
Cómo usar: Agregar texto de título al campo de texto que se detectará. El texto es un mensaje rápido, el nombre chino del campo que desea solicitar al usuario. Por ejemplo, para detectar el nombre de usuario
El HTML es el siguiente <input name = "txt_1">. Por supuesto, es mejor usar herramientas de visualización como DreamWeaver para editar el dominio.
Si desea detectar datos de tipo numérico, unifique la ID del dominio en SZ.
Es problemático juzgar los tipos de fecha en JavaScript, por lo que no hay un programa para la verificación del tipo de fecha. Los expertos pueden agregarlo.
El programa es relativamente césped, solo proporciona una idea. ¡Lanzando ladrillos y atrayendo a Jade! :)
Oh, por cierto, el método de llamadas de función: <Form OnSubMit = "return Dovalidate ()">
Copie el código de la siguiente manera: Función Dovalidate ()
{
fm = document.forms [0] // Solo se detecta un formulario, si hay múltiples formularios, las condiciones del juicio se pueden cambiar
para (i = 0; i <fm.length; i ++)
{
// Las condiciones de detección y juicio pueden modificarse de acuerdo con el tipo
if (fm.tagname.touppercase () == "input" && fm.type.touppercase () == "text" && (fm.title! = ""))
if (fm.value = "/blog/=" ") //
{
str_warn1 = fm.title+"no se puede estar vacío!";
alerta (str_warn1);
fm.focus ();
devolver falso;
}
if (fm.id.touppercase () == "sz") // verificación digital
{
if (isnan (fm.Value))
{str_warn2 = fm.title+"formato incorrecto";
alerta (str_warn2);
fm.focus ();
devolver falso;
}
}
}
devolver verdadero;
}
12. Verifique que se seleccione la radio
Copie el código de la siguiente manera: <script language = "javaScript">
forma de verificación de funciones (obj)
{
para (i = 0; i <obj.oo.length; i ++)
if (obj.oo [i] .ecked == true) return true;
alerta ("Seleccione")
devolver falso;
}
</script>
<Form ID = "form1" name = "form1" método = "post" action = "" onSubMit = "return checkform (this)">
<input type = "radio" name = "oo" value = "RadioButton" />
<input type = "radio" name = "oo" value = "RadioButton" />
<input type = "enviar" name = "enviar" valor = "enviar" />
</form>
Espero que la descripción en este artículo sea útil para la programación web de todos basada en JavaScript.