<!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>
同理也可以验证输入是否为空以及对输入长度的判断，解决登录页面验证。