Javascript验证用户提交的表单

网站少不了用户注册、登录等，然而对用户填写的表单信息的验证更是每个网站都应该具备的安全意识。如果网站没有对用户填写的信息验证，有可能恶意用户会对你的网站怀有恶意。所以，网站对用户表单的验证是必不可少的。

验证表单安全的做法是客户端和服务器端都要验证，服务器端使用服务器端脚本来验证，可以是PHP、java、.net等，客户端就是javascript了。下面是使用javascript来验证用户表单的实例。

表单代码：

验证用户表单

functioncheck(){varuser=document.getElementById("username").value;

varpass=document.getElementById("pass").value;

varrpass=document.getElementById("rpass").value;

varcardnum=document.getElementById("cardnum").value;

varemail=document.getElementById("email").value;//正则表达式的意思是，当输入0-9、a-z、A-Z、_以外的任何一个或者多个字符时则提示错误if(user.match("([^a-zA-Z0-9_]+)")!=null||user.length15){alert("您输入的用户名应由字母数字下划线组成，长度在3~15位之间！");

returnfalse;elseif((pass.length>20||pass.length<6)||(pass==user)){alert("您的密码长度过短或者密码与姓名相同，请重新输入！");

returnfalse;else

if(pass!=rpass){

alert("您两次输入的密码不一致!");

returnfalse;else

//身份证号用于匹配两种模式，一种是15位的，一种是18位的

//这个正则表达式分三部分：第一位必须为1，最后一位可以是x、X、0-9中的任意一位

//中间一块是指匹配13或者16位数字

if(cardnum.match("1\\d{16}[0-9xX]+|1\\d{13}[0-9xX]+")==null){

alert("您的身份证号码不正确，请重新输入!");

returnfalse;else

//正则表达式匹配a-zA-Z0-9_中的一位或者多位，而且必须要有@.这是一个email必须的

if(email.match("[a-zA-Z0-9_]*@.")==null){

alert("您输入的E-Mail不正确，请重新输入!");

returnfalse;else{

alert("登陆成功！");}

用户名：密码：重新输入密码：身份证号码：E-Mail:

上面的代码大家可以复制到一个单独的html文件中，运行下，然后看下效果，这样影响更深刻些。

感谢PHP博客投稿。代码提供博客园。

猜你喜欢