<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>驗證輸入</title> </head> <body> <p>請輸入數字。如果輸入值不是數字，會彈出提示框。</p> <input id="demo" type="text"> <script> function myFunction() { var x=document.getElementById("demo").value; if(x==""||isNaN(x)) { alert("不是數字"); } } </script> <button type="button" onclick="myFunction()">點擊這里</button> </body> </html>
同理也可以驗證輸入是否為空以及對輸入長度的判斷，解決登錄頁面驗證。