JavaScript 基礎，登錄驗證
1.
(1)<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jsDemo</title>
</head>
<body>
<p id="demo">ppp</p>
<script>
//document.write(Date())
document.getElementById("demo").innerHTML=Date();
</script>
<button type="button" onclick=window.alert("number")>input</button>
</body>
</html>
(2)<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jsDemo</title>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<p id="demo">ppp</p>
<button type="button" onclick=window.alert("number")>input</button>
</body>
</html>
(3)mySript.js文件:
function myFunction(){
document.getElementByld("demo").innerHTML="我的JavaScript函數";
}
2.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jsDemo</title>
</head>
<body>
<p id="demo">ppp</p>
<script>
//document.write(Date())
document.getElementById("demo").innerHTML=Date();
</script>
<button type="button" onclick=window.alert("number")>input</button>
</body>
</html>
3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登陸</title>
<link href="../static/css/denglu.css" rel="stylesheet" type="text/css">
<script>
function fnLogin() {
var oUname=document.getElementById("uname")
var oUpass=document.getElementById("upass")
var oError=document.getElementById("error_box")
if(6<oUname.value.length<20){
oError.innerHTML="用戶名6-20位"
}
}
</script>
</head>
<body>
<div class="box">
<h2>登陸</h2>
<div class="input_box">
<input id="uname" type="text" placeholder="請輸入用戶名">
</div>
<div class="input_box">
<input id="upass" type="password" placeholder="請輸入密碼">
</div>
<div id="error_box"><br></div>
<div class="input_box">
<button onclick="fnLogin()">登陸</button>
</div>
</div>
</body>
</html>
JavaScript 基礎，登錄驗證