PHP表单注册验证,JavaScript实现注册页面表单校验的实例分享

下面小编就为大家带来一篇JavaScript 完成注册页面表单校验的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1、步骤分析

第一步：确定事件(onsubmit)并为其绑定一个函数

第二步：书写这个函数(获取用户输入的数据)

第三步：对用户输入的数据进行判断

第四步：数据合法(让表单提交)

第五步：数据非法(给出错误提示信息，不让表单提交)

问题：如何控制表单提交？

关于事件 onsubmit：一般用于表单提交的位置，那么需要在定义函数的时候给出一个 返回值。

onsubmit = return checkForm()

2、完成注册页面表单校验

注册页面

function checkForm(){

//alert("aa");

/**校验用户名*/

//1.获取用户输入的数据

var uValue=document.getElementById("user").value;

//alert(uValue);

if(uValue==""){

//2.给出错误提示信息

alert("用户名不能为空");

return false;

}

/**校验密码*/

var pValue=document.getElementById("password").value;

if(pValue==""){ //注意空的表示方法

alert("密码不能为空");

return false;

}

/** 校验确认密码*/

var rpValue=document.getElementById("repassword").value;

if(rpValue!=pValue){

alert("两次密码输入不一致！");

return false;

}

/**校验邮箱*/

var eValue=document.getElementById("email").value;

if(！/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){

alert("邮箱格式不正确！");

}

}

登录 注册 购物车

首页 手机数码 电脑办公 鞋靴箱包 家用电器

会员注册 USER REGISTER 用户名 密码 确认密码 E-mail 姓名 性别 男 女 出生日期 验证码

关于我们 联系我们 招贤纳士 法律声明 友情链接 支付方式 配送方式 服务声明 广告声明 Copyright © 2005-2016 hh商城 版权所有

在校验确认密码这部分使用了正则表达式(不需要记忆，需要时查找文档)

正则式.test(校验对象)为真表示符合条件，为假则不符合。