在網站開發中,經常需要進行用戶名的驗證,如注冊、登錄等操作。而jQuery的ajax技術可以方便地進行這一操作。
//使用jQuery ajax驗證用戶名 $("input[name='username']").blur(function(){ var username = $(this).val(); $.ajax({ type: "POST", url: "check_username.php", data: { username: username }, success: function(data){ if(data == "exist"){ alert("用戶名已存在!"); } } }); });
代碼解釋:
首先,當輸入框失去焦點時,獲取輸入框中的用戶名,并使用ajax發送POST請求到check_username.php文件。
請求中包含了用戶名數據,服務端將對該用戶名進行驗證,并將結果返回到客戶端。
如果返回結果為"exist",說明該用戶名已存在,彈出提示框提示用戶重新輸入。
上一篇在css文檔中加入背景