JavaScript 基礎，登入驗證

最後更新：2017-10-26 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：div fun width radio font 元素 idt value set

1、<script></script>的三種用法：

a放在<body>中

<body>
<p id="meto">標準北京時間</p>
<script >
 document.getElementById(‘meto‘).innerHTML = Date()
</script>
<script type="text/javascript">alert("廣州商學院")  </script>

</body>

b放在<head>中

<head>    <meta charset="UTF-8">    <title> 歡迎來到登入介面,請登入 </title>    <script type="text/javascript">alert("廣州商學院")  </script><script type="text/javascript"src="../static/jsp/ma.js"></script></head>

c放在JS檔案中

三種輸出資料的方式：

使用 document.write() 方法將內容寫到 HTML 文檔中。
```
<body><script>document.write(Date())</script></body>
```

使用 window.alert() 彈出警告框。

<body><button type="button" onclick=window.alert("請等候.......")>登入</button></body>

使用 innerHTML 寫入到 HTML 元素。

<body><p id="meto">中國標準時間</p><script>document.getElementById("meto").innerHTML=Date()</script></body>

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>歡迎來到登入介面，請登入</title>    <script type="text/javascript" src="static/js/ma.js"></script></head><body><p id="meto">中國標準時間</p><script>document.getElementById("meto").innerHTML = Date()</script><div id="container" style="width: 300px">    <div id="header" style="background-color: darkorange"><h2 align="center">登陸介面</h2></div>    <div id="content">            <p align="center">使用者名稱：<input id="uname" type="text" name="user" placeholder="請輸入帳號">            </p>            <p align="center"> 密碼&nbsp：<input id="upass" type="password" name="psw" placeholder="請輸入密碼"></p>            <br>            <div id="error_box"><br>            </div>            <input type="radio" value="stu">學生            <input type="radio" value="tea">老師            <br>            <input type="checkbox" value="true">記住密碼 <a href="">登陸遇到問題</a><br>            <button onclick="fnLogin()">登陸</button>            &nbsp&nbsp&nbsp            <input type="button" name="regist" value="註冊">    </div>    <div id="footer" style="background-color: darkgoldenrod"><h3 align="center">著作權@</h3></div>

function fnLogin() {    var oUname = document.getElementById("uname")    var oUpass = document.getElementById("upass")    var oError = document.getElementById("error_box")    if (oUname.value.length > 20 || oUname.value.length < 6) {        oError.innerHTML = "請輸入使用者名稱6-20位字元"    }    if (oUpass.value.length > 20 || oUpass.value.length < 6) {        oError.innerHTML = "請輸入密碼 6-20位字元"    }}

JavaScript 基礎，登入驗證

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More