JS進行表單驗證
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function checkDatas(obj){ if(obj.username.value=='' || obj.password.value==''){ alert('用戶名或密碼不可爲空！'); return false; }else{ if(obj.password.value!==obj.rpassword.value){ alert('請確認兩次輸入密碼是否一致！'); return false; }else{ return true; } } } </script> </head> <body> <form action="./2.php" method="post" onsubmit="return checkDatas(this);"> <table> <tr> <td>用戶名：</td> <td><input type="text" name="username" value="" /></td> </tr> <tr> <td>密碼：</td> <td><input type="password" name="password" value="" /></td> </tr> <tr> <td>確認密碼：</td> <td><input type="password" name="rpassword" value="" /></td> </tr> <tr> <td>僅可輸入小數點和數字：</td> <td><input type="text" name="num01" value="" onkeyup="this.value=this.value.replace(/[^\d\.]/g,'');" /></td> </tr> <tr> <td>僅可輸入負號、小數點和數字：</td> <td><input type="text" name="num02" value="" onkeyup="this.value=this.value.replace(/[^\d\.\-]/g,'');" /></td> </tr> </table> <input type="submit" value="登陸"> </form> </body> </html>
相關文章
- 1. js表單驗證
- 2. js--表單驗證
- 3. Js表單驗證
- 4. js驗證表單
- 5. JS表單驗證
- 6. js簡單表單驗證
- 7. 使用validate進行表單驗證
- 8. 使用AngularJS進行表單驗證
- 9. 使用 jQuery Validate 進行表單驗證
- 10. jQuery輕鬆進行表單驗證
- 更多相關文章...
- • PHP 表單驗證 - PHP教程
- • PHP 表單 - 驗證郵件和URL - PHP教程
- • TiDB 在摩拜單車在線數據業務的應用和實踐
- • 爲了進字節跳動，我精選了29道Java經典算法題，帶詳細講解
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. js表單驗證
- 2. js--表單驗證
- 3. Js表單驗證
- 4. js驗證表單
- 5. JS表單驗證
- 6. js簡單表單驗證
- 7. 使用validate進行表單驗證
- 8. 使用AngularJS進行表單驗證
- 9. 使用 jQuery Validate 進行表單驗證
- 10. jQuery輕鬆進行表單驗證