javascript和框架分别实现用户登录验证

在上一篇文章//www .JB 51。net/article/83504。html文件的后缀中，用爪哇岛描述语言实现了用户验证，但并没有对密码进行验证，这次追加了这个功能，并分别用爪哇岛描述语言和框架实现。

一。用框架的创建交互式、快速动态网页应用的网页开发技术实现的关键代码

实现如下

/*jquery实现$(文档)。ready(function(){ $('#account ')).模糊（函数（事件){ $。ajax({ type:'GET '，url:'checkAccount.php？帐户=' $('#account ').val()，dataTypes:'text '，success :函数(msg){ $(' # account status ').html(msg)；}，错误：函数(jqXHR){ alert('账号发生错误!') }, });});$(“# password”).模糊（函数（事件){ $。ajax({ type:'GET '，url:'checkPassword.php '？数据类型： '文本'，数据： '帐户=' $(' #帐户').val() 'password=' $('#password ').val()，success :函数(msg){ $(' # passwordStatus ').html(msg)；}，错误：函数(jqXHR){ alert('密码查询发生错误!') }, });});});*/二。用爪哇岛描述语言实现的关键代码

实现如下

//javascript实现函数check ACcount(){ var xmlhttp；var name=文档。getelementbyid(' account ').价值；如果(窗口. XMLHttpRequest)xmlhttp=new XMLHttpRequest()；else xmlhttp=new activexoobject(' Microsoft .XMLHTTP’)；打开(' GET '，' checkAccount.php？account=' name，true)；xmlhttp。send()；xmlhttp。onreadystatechange=function(){ if(xmlhttp。readystate==4 xmlhttp。status==200)文档。getelementbyid('帐户状态').innerHTML=xmlhttp。responsetext} }函数check PassPort(){ var xmlhttp；var name=文档。getelementbyid(' account ').价值；var pw=文档。getelementbyid('密码').价值；如果(窗口. XMLHttpRequest)xmlhttp=new XMLHttpRequest()；else xmlhttp=new activexoobject(' Microsoft .XMLHTTP’)；打开(' GET '，' checkPassword.php？account=' name 'password=' pw，true)；xmlhttp。send()；xmlhttp。onreadystatechange=function(){ if(xmlhttp。readystate==4 xmlhttp。status==200)文档。getelementbyid(' passwordStatus ').innerHTML=xmlhttp。responsetext} }mysql和数据库部分跟上篇博文的一样没有改变，运行结果如下图

以上就是本文的全部内容，希望对大家的学习有所帮助。