登录注册验证(JavaScript)-PHP教学

《登录注册验证(JavaScript)-PHP教学》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PHP+MySQL动态网页技术教程主编：王彦辉5.1项目导引：用户注册验证大家在网站登录注册时是不是有这样的体会？如果有必填项而没有填写，网站会提示我们此项目不能为空；如果设置密码的长度不够，网站会提示我们密码长度不够；如果注册密码与确认密码不一致，网站会提示我们密码不一致；如果信息格式输入不正确（如邮箱地址、手机号码），网站会提示我们格式不正确。那么这些功能是如何实现的呢？通过JavaScript客户端脚本可以对用户输入的数据进行检查5.2项目分析JavaScript脚本语言是一种面向浏览器的网页脚本编程语言，JavaScript脚

2、本在客户端浏览器执行。用户注册过程中的主要验证包括：用户名、密码和邮箱地址等内容的非空验证；密码长度为6-20个字符，且是英文字母、数字及符号的组合；注册密码与确认密码是否一致；电子邮箱格式是否正确。5.3技术准备5.3.1JavaScript基础JavaScript语句的基本语法规则与PHP语法类似，每条语句以“；”为结束符，注释语句有单行注释（//）和多行注释（/*…*/）两种，变量、函数名以及关键词都是区分大小写的。1．在网页中加入JavaScript（1）直接嵌入HTML文档（2）引用方式例5-15.3技术准备5.3.1Jav

3、aScript基础2．数据类型数据类型数据类型名称示例number数值类型整数：23、023、0x23浮点数:：2.56string字符串类型"字符串"、’字符串’boolean布尔类型True、falseobject对象类型Date对象、Math对象、Window对象null空类型Nullundefined未定义类型Txtname、tmp、txtstr5.3技术准备5.3.1JavaScript基础3．变量变量名是一种标识符，由字母、数字、下划线（_）或美元符号（$）构成的字符序列组成，但首字符不能是数字，也不能包含空格、+、-等特

4、殊字符。JavaScript中通过var关键字来声明变量var变量名[=初值][，变量名[=初值]，…]例5-25.3技术准备5.3.1JavaScript基础4．运算符与表达式JavaScript中运算符与表达式与php基本相同JavaScript中字符串连接运算符与php不同，JavaScript中把“+”或“+=”作为字符串连接运算符。例5-35.3技术准备5.3.2JavaScript流程语句1．条件语句（if...else）if(<表达式>){<语句组1>}else{<语句组2>}例5-45.3技术准备5.3.2JavaSc

5、ript流程语句2．循环语句（1）while语句其语法格式如下所示：while(<表达式>){<语句组>}（2）do...while语句：其语法格式如下所示：do{<语句组>}while(<表达式>)5.3技术准备5.3.2JavaScript流程语句2．循环语句（3）for语句：其语法格式如下所示：for(初值表达式，循环判定表达式，更新表达式){<语句组>}例5-5、例5-6、例5-75.3技术准备5.3.3浏览器对象JavaScript是一种基于对象（Object）的编程语言，可以使用内置对象、浏览器对象和自定义对象。JavaS

6、cript语言提供的内置对象主要包括：数学对象（Math）、日期对象（Date）、字符串对象（String）和数组对象（Array）等浏览器对象（BOM）用于访问与操纵浏览器窗口窗口对象（window）文档对象（document）地址对象（location）浏览器对象（navigator）屏幕对象（screen）历史对象（history）。5.3技术准备5.3.3浏览器对象1．window对象window对象表示整个浏览器窗口，通过对象的方法我们可以定制、打开和关闭浏览器窗口。其常用方法如表所示。方法说明alert(信息字串)弹出警告

7、信息confirm(信息字串)显示确认信息对话框prompt(提示字串[，默认值])显示提示信息，并提供可输入的字段open(URL，窗口名称[，窗口规格])用来打开一个新窗口，其中，接受的参数分别为新窗口的URL、新窗口的名称、新建窗口的大小和外观特性。close()关闭浏览器窗口moveBy(水平点数，垂直点数)将窗口移动指定位移量。以像素为单位moveTo(x坐标，y坐标)将窗口移到指定位置。以像素为单位resizeBy(水平点数，垂直点数)按照给定的位移量重新设定窗口大小。以像素为单位resizeTo(宽度，高度)将窗口设置为

8、指定的大小。以像素为单位setInterval(表达式，毫秒)设置一个延器，使每隔指定毫秒后周期性地执行表达式。该方法返回定时器对象。setTimeout(表达式，毫秒)设置一个定时器，使在指定毫秒后自动执行一次表达式。