Este exemplo resume as funções de validação comuns para JavaScript. Compartilhe para sua referência. O resumo específico é o seguinte:
1. Verificação da classe String
1. Limite de comprimento
Copie o código da seguinte forma: <cript>
teste de função ()
{
if (document.abvalue.length> 50)
{
alerta ("não pode exceder 50 caracteres!");
document.abfocus ();
retornar falso;
}
}
</script>
<nome de forma = ansubmit = "return test ()">
<texttarea name = "b" cols = "40" wrap = "virtual" linhas = "6"> </sexttarea>
<input type = "submit" name = "submite" value = "check">
</morm>
2. Só pode ser caracteres chineses
Copie o código do código:
3. "Só pode estar em inglês
Copie o código da seguinte forma: <idioma do script = javascript>
função somenteng ()
{
if (! (event.keycode> = 65 && event.keycode <= 90)))
event.returnValue = false;
}
</script>
<input onKeydown = "Onlyeng ();">
4. Só pode ser um número
Copie o código da seguinte forma: <idioma do script = javascript>
Função apenasnum ()
{
if (! ((event.keycode> = 48 && event.keycode <= 57) || (event.keycode> = 96 && event.keycode <= 105)))
// Considere as teclas numéricas no teclado
event.returnValue = false;
}
</script>
<input onKeydown = "somentenum ();">
5. Apenas caracteres e números em inglês
Copie o código do código da seguinte forma: <input onkeyup = "value ="/oblog/value.replace (/[/w]/g, "'')" onBeforePaste = "clipboarddata.setData ('texto', clipboarddata.getdata ('text').
6. Verifique o formato de email
A cópia de código é a seguinte: <idioma script = javascript runat = server>
função isEmail (estreia) {
if (Stremail.search (/^/w+((-/w+) | (/./ w+))*/@[a-za-z0-9]+((/. |-) [a-za-z0-9]+)*/.
retornar true;
outro
alerta ("oh");
}
</Script>
<Tipo de entrada = texto onblur = isEmail (this.value)>
7. Block Keywords (Block *** e **** aqui)
Copie o código da seguinte forma: <Script Language = "JavaScript1.2">
function test () {
if ((abvalue.indexof ("***") == 0) || (abvalue.indexof ("****") == 0)) {
alerta ("123");
abfocus ();
retornar false;}
}
</script>
<nome de forma = ansubmit = "return test ()">
<Tipo de entrada = nome do texto = b>
<input type = "submit" name = "submite" value = "check">
</morm>
8. se a senha é a mesma duas vezes
Copie o código do código da seguinte
<input type = "senha" id = "input1">
<input type = "senha" id = "input2">
<input type = "button" value = "test" onclick = "check ()">
</morm>
<Cript>
função check ()
{
com (document.all) {
if (input1.value! = input2.Value)
{
alerta ("false")
input1.value = "";
input2.Value = "";
}
else document.forms [0] .submit ();
}
}
</script>
9. É legal bloquear o clique direito!
Copie o código da seguinte
Adicionado no corpo
2. Verificação do formulário
1 O item do formulário não pode estar vazio
Copie o código da seguinte forma: <Script Language = "JavaScript">
<!-
função checkForm ()
{
if (document.form.name.value.length == 0) {
Alert ("Por favor, digite seu nome!");
document.form.name.focus ();
retornar falso;
}
retornar true;
}
->
</script>
2 Compare se os valores dos dois itens de formulário são os mesmos
Copie o código da seguinte forma: <Script Language = "JavaScript">
<!-
função checkForm ()
if (document.form.pwd.value! = document.form.pwd_again.value) {
alerta ("A senha que você inseriu duas vezes é diferente! Por favor, volte a entrar.");
document.adduser.pwd.focus ();
retornar falso;
}
retornar true;
}
->
</script>
3 O item do formulário pode ser apenas número e "_", usado para verificação de conta telefônica/bancária, pode ser estendido ao registro de nome de domínio, etc.
Copie o código da seguinte forma: <Script Language = "JavaScript">
<!-
função isNumber (string)
{
var letters = "1234567890-"; // você pode aumentar o valor de entrada você mesmo
var i;
var c;
if (string.charat (0) == '-')
retornar falso;
if (string.charat (string.length - 1) == ' -')
retornar falso;
for (i = 0; i <string.length; i ++)
{
c = string.charat (i);
if (letters.indexof (c) <0)
retornar falso;
}
retornar true;
}
função checkForm ()
{
if (! isNumber (document.form.tel.value)) {
alerta ("Seu número de telefone é ilegal!");
document.form.tel.focus ();
retornar falso;
}
retornar true;
}
->
</script>
4 Valor de entrada do formulário/limite de comprimento
Copie o código da seguinte forma: <Script Language = "JavaScript">
<!-
função checkForm ()
{
if (document.form.count.value> 100 || document.form.count.value <1)
{
alerta ("o valor de entrada não pode ser menor que zero ou superior a 100!");
document.form.count.focus ();
retornar falso;
}
if (document.form.message.value.length <10)
{
alerta ("O texto de entrada é menor que 10!");
document.form.message.focus ();
retornar falso;
}
retornar true;
}
//->
</script>
5 Julgamento de legalidade chinês/inglês/número/e -mail
Copie o código da seguinte forma: <Script Language = "JavaScript">
<!-
função isenglish (nome) // detecção de valor em inglês
{
if (name.length == 0)
retornar falso;
for (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
retornar falso;
}
retornar true;
}
função é chinês (nome) // detecção de valor chinês
{
if (name.length == 0)
retornar falso;
for (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
retornar true;
}
retornar falso;
}
função ismail (nome) // detecção de valor e-mail
{
if (! isenglish (nome))
retornar falso;
i = name.indexOf ("at");
j = nome DOT LastIndexOf ("at");
if (i == -1)
retornar falso;
se (i! = j)
retornar falso;
if (i == nome do comprimento do ponto)
retornar falso;
retornar true;
}
função isNumber (nome) // detecção numérica
{
if (name.length == 0)
retornar falso;
for (i = 0; i <name.length; i ++) {
if (name.charat (i) <"0" || name.charat (i)> "9")
retornar falso;
}
retornar true;
}
função checkForm ()
{
if (! ismail (form.email.value)) {
alerta ("Seu e -mail é ilegal!");
form.email.focus ();
retornar falso;
}
if (! isenglish (form.name.value)) {
alerta ("o nome em inglês é ilegal!");
form.name.focus ();
retornar falso;
}
if (! ischinês (form.cnname.value)) {
alerta ("o nome chinês é ilegal!");
form.cnname.focus ();
retornar falso;
}
if (! isNumber (form.publiczipcode.value)) {
alerta ("O código postal é ilegal!");
form.publiczipcode.focus ();
retornar falso;
}
retornar true;
}
//->
</Script>
6 caracteres que não podem entrar em um item de formulário
Copie o código da seguinte forma: <Script Language = "JavaScript">
<!-
A função contém (str, charset) // string contém funções de teste
{
var i;
for (i = 0; i <charset.length; i ++)
if (str.indexOF (charset.charat (i))> = 0)
retornar true;
retornar falso;
}
função checkForm ()
{
if ((contenha (document.form.name.value, "%/(/)> <")) || (contenha (document.form.message.value, "%/(/)> <")))
{
alerta ("caráter ilegal inserido");
document.form.name.focus ();
retornar falso;
}
retornar true;
}
//->
</script>
3. Outras verificações:
1. Verifique se uma string é composta de números
Copie o código do código da seguinte forma: <Script Language = "JavaScript"> <!-
função checknum (str) {return str.match (// d/) == null}
Alerta (CheckNum ("1232142141"))
alerta (checknum ("123214214a1"))
// -> </script>
2. Como determinar se é um personagem
A cópia do código é a seguinte: if (//x/x00-/xff ]/g.test(s)) alert ("contém caracteres chineses");
else alert ("todos os personagens");
3. Como determinar se os caracteres chineses estão incluídos
A cópia do código é a seguinte: if (escape (str) .IndexOf ("%u")! =-1) alerta ("contém caracteres chineses");
else alert ("todos os personagens");
4. Verificação do formato de email
Copie o código da seguinte forma: // Nome da função: Chkemail
// Função Introdução: Verifique se é um endereço de e -mail
// Parâmetro Descrição: String para verificar
// Valor de retorno: 0: não 1: sim
função 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) {
retornar 1;
}
}
}
retornar 0;
}
5. Verificação de formato digital
Copie o código da seguinte forma: // Nome da função: Fucchecknum
// Função Introdução: Verifique se é um número
// Descrição da partícula: Número para verificar
// Valor de retorno: 1 é um número, 0 não é um número
função fucchecknum (num)
{
var i, j, strtemp;
strTemp = "0123456789";
if (num.Length == 0)
retornar 0
for (i = 0; i <num.length; i ++)
{
j = strtemp.indexOf (num.Charat (i));
if (j ==-1)
{
// significa que existem personagens, mas não números
retornar 0;
}
}
// A descrição é um número
retornar 1;
}
6. Verificação do formato do número de telefone
Copie o código da seguinte forma: // Nome da função: FuccheckTel
// Função Introdução: Verifique se é um número de telefone
// Parâmetro Descrição: String para verificar
// Valor de retorno: 1 é legal, 0 é ilegal
Função FuccheckTel (Tel)
{
var i, j, strtemp;
strTemp = "0123456789-()#";
for (i = 0; i <tel.length; i ++)
{
j = strtemp.indexOf (tel.charat (i));
if (j ==-1)
{
// significa que existem personagens ilegais
retornar 0;
}
}
// Explicação Legal
retornar 1;
}
7. Uma função para determinar se a entrada é uma língua chinesa
Copie o código da seguinte forma: função ischinês (s) {
var ret = true;
for (var i = 0; i <comprimento; i ++)
ret = ret && (s.charcodeat (i)> = 10000);
retornar retorno;
}
8. Uma função abrangente para julgar a legitimidade da entrada do usuário
Copie o código da seguinte forma: <Script Language = "JavaScript">
// Limite o número de bits de caracteres de entrada para iniciar
// m é a entrada do usuário, n é o número de dígitos a serem limitados
Função ISSMall (M, N)
{
if ((m <n) && (m> 0))
{
retornar (falso);
}
outro
{return (true);}
}
9. Determine se a senha é inserida de forma consistente
Copie o código da seguinte forma: Função Issame (STR1, STR2)
{
if (str1 == str2)
{return (true);}
outro
{return (false);}
}
10. Determine se o nome de usuário é uma linha de deslizamento de carta numérica
A cópia do código é a seguinte: função NotChinese (STR) {
var reg =/[^a-za-z0-9 _]/g
if (reg.test (str)) {
retornar (falso);
}outro{
retornar (true); }
}
11. Função geral de verificação para o campo de texto do formulário
Função: Detecte todos os textos de entrada que devem estar não vazios, como nome, conta, endereço de e-mail etc.
Esta verificação agora é apenas para campos de texto. Se você deseja direcionar outros objetos de domínio em forma, poderá alterar as condições de julgamento.
Como usar: Adicione o texto do título ao campo de texto a ser detectado. O texto é uma mensagem rápida, o nome chinês do campo que você deseja solicitar ao usuário. Por exemplo, para detectar o nome de usuário
O html é o seguinte <name de entrada = "txt_1">. Obviamente, é melhor usar ferramentas de visualização, como o Dreamweaver para editar o domínio.
Se você deseja detectar dados do tipo numérico, unifique o ID do domínio no SZ.
É problemático julgar os tipos de data em JavaScript; portanto, não há programa para verificação do tipo de data. Especialistas podem adicioná -lo.
O programa é relativamente grama, apenas fornece uma ideia. Jogando tijolos e atraindo Jade! :)
Ah, a propósito, o método de chamada de função: <form ansubMit = "return Dovalidate ()">
Copie o código da seguinte forma: function Dovalidate ()
{
fm = document.forms [0] // apenas um formulário é detectado, se houver várias formas, as condições de julgamento podem ser alteradas
para (i = 0; i <fm.Length; i ++)
{
// As condições de detecção e julgamento podem ser modificadas de acordo com o tipo
if (fm.TagName.ToupPercase () == "input" && fm.Type.Touppercase () == "Text" && (fm.title! = "")))
if (fm.value = "/blog/=" ") //
{
str_warn1 = fm.title+"não pode estar vazio!";
alerta (str_warn1);
fm.focus ();
retornar falso;
}
if (fm.id.TOUPPERCASE () == "SZ") // Verificação digital
{
if (isnan (fm.value))
{str_warn2 = fm.title+"formato incorreto";
alerta (str_warn2);
fm.focus ();
retornar falso;
}
}
}
retornar true;
}
12. Verifique se o rádio está selecionado
Copie o código da seguinte forma: <Script Language = "JavaScript">
Função CheckForm (OBJ)
{
for (i = 0; i <obj.oo.length; i ++)
if (obj.oo [i] .ckecked == true) retornar TRUE;
Alerta ("Selecione")
retornar falso;
}
</script>
<form id = "form1" name = "form1" method = "post" action = "" onSubMit = "Return checkForm (this)">
<input type = "radio" name = "oo" value = "radiobutton" />
<input type = "radio" name = "oo" value = "radiobutton" />
<input type = "submite" name = "submite" value = "submit" />
</morm>
Espero que a descrição deste artigo seja útil para a programação da Web de todos com base no JavaScript.