通过javascript进行登录验证

《通过javascript进行登录验证》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、通过JavaScript进行登录验证在大部分页面的首页中，都会存在用户登录的输入框。当用户输入了个人信息后（一般为用户名和密码），页面的程序通过检索和验证，如果结果为真，则跳转到子页面，如果验证后结果为假，则提示重新输入信息。而这种验证的过程必须借助数据库以及网站开发的语言的支持。首先请看下面的流程图，对这个验证的过程有一个初步的了解。   用户在登录页面填写用户名和密码信息后，当点击提交按钮后，这些信息就会通过Http协议传送到网站后台的验证程序中，验证程序接收这些信息，并做一些必要的处理后，运

2、行一个SQL查询语言（验证程序事先已经和数据库建立了连接），调用后台的数据库，如果这个用户名和密码在数据库中有记录，则数据库返回的结果为true，此时验证程序判断查询的结果，如果为true，则进行页面跳转，这时客户端的页面就会跳转到一个真正的业务界面中；如果查询返回的结果为false，则验证程序不进行跳转，并给客户端的页面输出一个警告信息。    以上的全过程可以通过很多高级编程语言实现，比如PHP、Java等。但是需要后台数据库的支持，而且网站的服务器也需要配置数据库插件。这一方面服务器架构过于

3、繁杂，更关键的是，对于一些小型网站来说，为了节省成本和提高访问速度，没有必要进行如此复杂的服务器配置。所以就引出了接下来的关于通过JavaScript脚本语言来进行登录信息的验证操作。        众所周知，JavaScript是一种脚本语言，即运行在客户端的程序语言。当用户打开浏览器，输入某个网站地址后，不仅仅下载的是网站的html文件，同时也会下载与这个html文档配套的*.js文件。这样当用户在点击页面的某些选项时页面才会做出正确的反应。    登录信息需要提交，在html页面中实现此功能

4、借助的是表单标签。下面来看一段代码。     Html页面               Username:
           Password:
           

5、t type="submit"value="submit">        JavaScript代码     var account=[["admin","aaa"],["master","mmm"],["leader","lll"]];functionvalidate(f){     var flag=false;     var username=f.username.value;     var password=

6、f.password.value;    for(varx=0;x

7、性表示当点击提交按钮后所之行的操作，看到该属性的值是一个返回值，即returnvalidate（this）。这表示在提交后，其实还要执行一个validate（）函数，如果这个函数的返回值为true，则页面跳转到accountManagement.jsp页面，如果函数返回值为false，则不予跳转，并弹出一个警告窗口，显示error的字样。在JavaScript代码中，看到了一个二维数组，这就是通过JavaScript的方式来模拟一个数据库表，记录的是这个网站的所有用户名和与之对应的密码。这个val

8、idate（）函数就是首先接收了表单中的username和password数据后，然后在这个二维数组中进行比对，如果有相同的记录，则返回true，否则为false。另外，如果要想让这种方式正常运转，则还需要在html页面中加入一段代码，表示调用这个*.js文档，这样html页面才能找到validate（）函数。其中adminlogin.js就是这个validate（）