简单JavaScript验证|用户登录界面中加入简单的验证
用户登录界面中加入简单的验证
(假设数据库正确用户名、密码组合包括两个:tommy/123456、louis/987654321)。
验证内容包括:
(1)用户名为空或长度小于5位时弹出提示对话框;
(2)登录密码为空或长度小于6位时弹出提示对话框;
(3)用户名、密码与数据库中核对正确后,显示登录成功提示对话框。
提示:
(1)自定义check()函数;
(2)使用getElementById()方法可返回对拥有指定 ID 的第一个对象的引用;
(3)使用JavaScript中的3个常用消息对话框函数,包括alert(“文本”)、confirm(“文本”)、prompt(“文本”, “默认值”)。
<!doctype html>
<html>
<head>
<title>
用户登录界面
</title>
<meta charset="utf-8">
<script>
function checkUser(){
var username = document.getElementById("username");
if(username == ""){
document.getElementById("tishiUsername").innerHTML ="用户名不能为空";
return;//必须要写return跳出
}else{
document.getElementById("tishiUsername").innerHTML ="";
if(username.value.length