validação de formulário JavaScript
validação de formulário JavaScript
JavaScript pode ser usado antes de ser enviado para o servidor nos dados sobre estes validação de dados de entrada de formulário HTML.
dados do formulário, muitas vezes precisa usar JavaScript para verificar sua exatidão:
- Verifique se os dados do formulário está vazio?
- Verifique se a entrada é um endereço de e-mail correto?
- Verifique a data inserida corretamente?
- Validar a entrada de formulário é tipo numérico?
Requerido (ou obrigatório) projeto
As seguintes funções são usados para verificar se o usuário é obrigado a preencher um formulário (ou obrigatório) projeto. Se necessário ou opção necessária está vazia, então uma caixa de aviso irá aparecer, e o valor de retorno da função é falso, caso contrário, o valor de retorno da função era verdade (não há problema significa que os dados):
function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("姓必须填写"); return false; } }
A função acima é chamado quando o formulário é enviado forma:
Exemplos
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
tente »
verificação de E-mail
função verifica se os dados inseridos atende a seguinte sintaxe básica do endereço de e-mail.
Seu ponto é que os dados de entrada deve incluir o símbolo @ eo ponto (.). Enquanto isso, o @ não é a primeira mail caractere após o @ ea necessidade de, pelo menos, um número de pontos:
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; } }
A seguir está o código completo, juntamente com o formulário HTML:
Exemplos
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>
tente »