<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS简单校验</title> <script> function checkForm(){ var username = document.getElementById("username").value; var password1 = document.getElementById("password1").value; var password2 = document.getElementById("password2").value; var phone = document.getElementById("phone").value; var email = document.getElementById("email").value; if(username.length <= 6){ alert("用户名太短，请重新输入！"); return false; } if(password1.length <= 8){ alert("密码太短，请重新输入！"); return false; } if(password2!=password1){ alert("两次输入的密码不一致，请重新输入！"); return false; } if(!/^[1][3578][0-9]{9}$/.test(phone)){ alert("无法识别您的手机号，请重新输入！"); return false; } if(!/^[\w.-]+@[\w.-]+\.\w+$/.test(email)){ alert("邮箱格式错误，请重新输入！"); return false; } return true; } </script> </head> <body> <div> <form action="../../CSS/CSS美化网页/网站首页美化版.html" method="get" onsubmit="return checkForm()"> <table> <tr> <td>用户名</td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td>密码</td> <td> <input type="password" id="password1" /> </td> </tr> <tr> <td>确认密码</td> <td> <input type="password" id="password2" /> </td> </tr> <tr> <td>手机号码</td> <td> <input type="text" id="phone" /> </td> </tr> <tr> <td>邮箱</td> <td> <input type="text" id="email" /> </td> </tr> <tr> <td></td> <td> <input type="submit" value="提交" /> </td> </tr> </table> </form> </div> </body> </html>