表單註冊
阿新 • • 發佈：2018-12-21
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="check.js"></script> </head> <body> <form method="post" name="form1" id="form1"> <table width="350" border="0" align="center" cellpadding="0" cellspacing="5"> <tbody> <tr> <td colspan="2" align="center">新使用者註冊</td> </tr> <tr> <td width="40%"><label for="uid">使用者名稱：</label></td> <td width="60%"><input type="text" name="uid" id="uid" size="30" maxlength="10"></td> </tr> <tr> <td>性別：</td> <td> <input type="radio" name="gender" id="gender" value="boy"> <label for="gender">男</label> <input type="radio" name="gender" id="gender" value="boy"> <label for="gender">女</label> </td> </tr> <tr> <td>密碼:</td> <td><input type="password" name="psw1" id="psw1" size="30"></td> </tr> <tr> <td><label for="psw2">確認密碼：</label></td> <td><input type="password" name="psw2" id="psw2" size="30"></td> </tr> <tr> <td><label for="question">密碼問題：</label></td> <td><input type="text" name="question" id="question" size="30"></td> </tr> <tr> <td><label for="answer">密碼答案：</label></td> <td><input type="text" name="answer" id="answer" size="30"></td> </tr> <tr> <td><label for="email">電子郵件：</label></td> <td><input type="text" name="email" id="email" maxlength="50"></td> </tr> <tr> <td> </td> <td> <input type="submit" name="submit" id="submit" value="註冊" onclick="return check()"> <input type="reset" name="reset" id="reset" value="清除"> </td> </tr> </tbody> </table> </form> </body> </html>
效果
| 新使用者註冊 | |
| 性別： | |
| 密碼: | |
function check() { f=document.form1; if(f.uid.value=="") { alert("使用者名稱為必填項！"); f.uid.focus(); return false; } if(f.psw1.value!=""||(f.psw2.value!="")) { if(f.psw1.value!=f.psw2.value) { alert("兩次密碼輸入不一致，請重新輸入！"); f.psw1.focus(); return false; } } else { alert("密碼不能為空"); f.psw1.focus(); return false; } if(f.gender.value=="") { alert("性別必須填寫！"); return false; } alert("表單通過驗證！"); f.submit(); }