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
姓名
性别	男女
出生日期
验证码

关于我们

联系我们

招贤纳士

法律声明

友情链接

支付方式

配送方式

服务声明

广告声明

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

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

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

微信提交表单到服务器,微信小程序页面表单如何跟图片一起上传服务器
拆开写. 表单提交是 wx.request 上传图片是 wx.uploadFile 你需要写一个通用图片上传接口,上传图片后台返回图片的url.这个通用接口在任何需要提交图片的表单都可以用到. 添加图 ...
php注册登录课件,登录注册验证(javascript)-php教学课件5.pdf
登录注册验证(javascript)-php教学课件5.pdf 还剩 33页未读, 继续阅读下载文档到电脑,马上远离加班熬夜! 亲,很抱歉,此页已超出免费预览范围啦! 如果喜欢就下载吧,价低环保! ...
html编写程序常用的,html编写简洁页面表单验证程序.doc
html编写简洁页面表单验证程序.doc html编写简洁页面表单验证程序 "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD ...
本地html页面传递表单值,js实现两个页面表单传值并接收
js 实现两个页面表单传值并接收源码 A页面: function test(){ var s =document.getElementById("txt"); location.h ...
struts1中页面表单提交给action后页面一片空白，无错无异常
最近使用struts1在写一个作业,昨天遇到了一个问题:页面表单提交之后,地址栏变为处理的action的地址,即以xxx.do结尾.然后页面一片空白,无错无异常.网上各位大大的总结是 1.在Actio ...
html 表单js验证,JavaScript使用表单元素验证表单
第一章:使用JavaScript验证表单 JavaScript的主要作用:验证表单 1最简单的表单验证-禁止空白的必填项目 1.1最简单的HTML结构网站最基础的就是注册,它是一个系统的交互基础. ...
各种常用注册页面表单验证
这里介绍的第一个是最原始的表单验证方式,即没有使用即时验证,需要点击提交按钮才进行验证,也没有使用正则表达式或者AJAX验证,也或者是JQuery的验证,不过这么多验证方式接着第一个后面都会写出来的 ...
JQuery实现的登陆注册页面表单
一个用JQuery实现非常友好的登陆注册界面表单,可以学习一下,附上代码:需要引入JQuery库jquery-2.1.1.min.js <!DOCTYPE html> <html l ...
php判断表单修改内容,JavaScript判断用户是否对表单进行了修改的方法_javascript技巧...
本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用 ...

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

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

最新文章

热门文章