输入banner图图片脚本导航/分类

ajax验证用户名和密码,ajax验证用户名_PHP教程

ajax验证用户名和密码,ajax验证用户名


 1     var user = form.name.value;
 2     var password = form.password.value;
 3     var url = "chkname.php?user="+user+"&password="+password;//以前只知道ajax用于对用户名的检测,原来还可以对密码进行检测。
 4     xmlhttp.open("GET",url,true);
 5     xmlhttp.onreadystatechange = function(){
 6     if(xmlhttp.readyState == 4){
 7             var msg = xmlhttp.responseText;
 8             if(msg == '1'){
 9                 alert('用户名或密码错误!!');
10                 form.password.select();
11                 form.check.value = '';
12                 code(form);
13                 return false;
14             }if(msg == "3"){
15                 alert("用户名被占用,请重新输入!");
16                 return false;
17             }else{
18                 alert('欢迎光临');
19                 location.reload();
20             }
21         }
22     }
23     xmlhttp.send(null);
24     return false;

php通过ajax实现用户名与数据库中用户验证

第一步需要一个 jq的js文件




Login</title><br /><script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/js/jq1.7.js"></script><br /><script language="javascript"><br />$(document).ready(function(){<br />$("#submit").click(function(){<br />if( $("#uname").val() == "" || $("#upas").val() == "" ){<br />alert("用户名或者密码不能为空");<br />return false;<br />}else{<br />$("#showerrormessage").load(<br />'<?php echo $this->baseUrl ?>/index/login',<br />{uname:$("#uname").val(),upas:$("#upas").val()},<br />function(data){<br />if(data == 1){<br />$("#showerrormessage").html('login success!!!');<br />}else{<br />$("#showerrormessage").html('login error~~~');<br />}<br />}<br />);<br />}<br />});<br />});<br /></script><br /></head><br /><body><br /><form id="form1" name="form1" method="post" action=""><br />用户名:<input type="te......余下全文>><br/>  </br> <span class="icon i-relatedanswer"><h3>我想用jsp+ajax技术实现登录的用户名与密码验证,主要是用javascript来做</h3></span> <p class="ft p1">Ajax我会.但JSP我只是个半吊子<br/>  </br></p> <p align="left"><span id="url" itemprop="url">http://www.bkjia.com/PHPjc/836505.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/836505.html</span><span id="genre" itemprop="genre">TechArticle</span><span id="description" itemprop="description">ajax验证用户名和密码,ajax验证用户名 1 var user = form.name. value; 2 var password = form.password. value; 3 var url = "chkname.php?user="+user+"password="+password;...</span></p> </div> </div> <script type="text/javascript" src="/layui/layui.js"></script> <script> layui.use('code', function(){ layui.code({ elem: 'pre', //默认值为.layui-code about:false, title:'ajax验证用户名和密码,ajax验证用户名_PHP教程代码块', encode: true //是否转义html标签。默认不开启 }); }); </script> <footer class="comm-footer"> <ul class="channels"> <li> <a target="_top" href="/system/">操作系统</a> </li><li> <a target="_top" href="/down/">程序下载</a> </li><li> <a target="_top" href="/jquery/">jquery插件库</a> </li><li> <a target="_top" href="/jiaoben/">编程</a> </li><li> <a target="_top" href="/db/">数据库</a> </li><li> <a target="_top" href="/tools/">在线工具</a> </li><li> <a target="_top" href="/framebook/">框架书籍</a> </li><li> <a target="_top" href="/xitongjiaocheng/">系统教程</a> </li><li> <a target="_top" href="/ruanjianxiazai/">软件下载</a> </li> </ul> <ul class="versions"> <li> <a href="https://m.gxlcms.com" class="active">触屏版</a> </li> <li> <a href="https://www.gxlcms.com" target="_top">电脑版</a> </li> </ul> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> </footer> </body> </html>