Ajax 検証のユーザー名とパスワード、Ajax 検証のユーザー名_PHP チュートリアル

ajaxはユーザー名とパスワードを検証し、ajaxはユーザー名を検証します

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

phpは、ajaxを通じてデータベースにユーザー名とユーザーの検証を実装します

最初のステップには jq js ファイルが必要です
8da4b20650fb0c369a521199d2178f6d
e75c6f294080115e5479f5e8def364b9
93f0f5c25f18dab9d176bd4f6de5d30e
c014038dc7c13fc2826e15efd7a2a216
b2386ffb911b14667cb8f0f91ea547a7ログイン6e916e0f7d1e588d4f442bf645aedb2f
c028815e56eb0e6dbd022a690a5d9ddebaseUrl ?>/public/js/jq1.7.js">2cacc6d41bbb37262a98f745aa00fbf0
e2e03cbf4764ce5c1e4a4687e1bdcd84
$(document).ready(function(){
$("#submit").click(function(){
if( $("#uname").val() == "" | | $("#upas").val() == "" ){
alert("ユーザー名またはパスワードを空にすることはできません");
return false;
}else{
$("#showerrormessage").load (
'ac16d2860bd74e5b9f1019bec2b4bd2fbaseUrl ?>/index/login',
{uname:$("#uname").val(),upas:$("#upas").val () },
function(data){
if(data == 1){
$("#showerrormessage").html('ログイン成功!!!');
}else{
$("#showerrormessage" )。 html('ログインエラー~~~');
}
}
);
}
});
});
2cacc6d41bbb37262a98f745aa00fbf0
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
ee398603a2f9a85818629f46ff12d933
ユーザー名:

jsp+ajaxテクノロジーを使用して、主にjavascriptを使用してログインユーザー名とパスワードの検証を実装したいと考えています