HTML簡單登錄驗證

function check(){
var username = document.getElementsByName("username")[0].value;
var password = document.getElementsByName("password")[0].value;
if(username == ""){
alert("用戶名不能為空！");
return false;
}
if(password == ""){
alert("密碼不能為空！");
return false;
}
alert("登錄成功！");
return true;
}

上面是一個簡單的HTML登錄驗證代碼。

function check(){
var username = document.getElementsByName("username")[0].value;  //獲取輸入的用戶名
var password = document.getElementsByName("password")[0].value;  //獲取輸入的密碼
if(username == ""){   //如果用戶名為空
alert("用戶名不能為空！");  //彈出提示
return false;   //返回false，阻止提交表單
}
if(password == ""){   //如果密碼為空
alert("密碼不能為空！");  //彈出提示
return false;   //返回false，阻止提交表單
}
alert("登錄成功！");  //彈出登錄成功提示
return true;   //返回true，允許提交表單
}

代碼中定義了一個check()函數(shù)，用于驗證輸入的用戶名和密碼是否為空。首先通過document.getElementsByName()方法獲取用戶名和密碼的value值，然后分別判斷是否為空，若為空則彈出提示信息并返回false，否則彈出登錄成功提示信息并返回true。