JavaScript驗證使用者名稱密碼是否為空
本章節分享一段程式碼例項,它實現了驗證使用者名稱和密碼是否為空的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function checkForm(form) { if(form.username.value == "") { alert("使用者名稱不能為空!"); form.username.focus(); return false; } if(form.password.value == "") { alert("密碼不能為空!"); form.password.focus(); return false; } return true; } window.onload = function () { var myform = document.forms[0]; myform.onsubmit = function () { return checkForm(this); } } </script> </head> <body> <form action="#" method="post"> 姓名:<input type="text" name="username"/> 密碼:<input type="password" name="password" /> <input type="submit" value="提交表單"/> </form> </body> </html>
上面的程式碼實現了我們的要求,下面介紹一下它的實現過程。
一.程式碼註釋:
(1).function checkForm(form) {},此函式實現了驗證功能,引數是表單物件。(2).if(form.username.value == "") {
alert("使用者名稱不能為空!");
form.username.focus();
return false;
},如果使用者名稱為空,那麼就彈出一個提示視窗;
點選提示視窗後,使用者名稱文字框會獲取焦點。
最後返回false跳出函式的執行,否則程式碼還會繼續往下走,驗證密碼是否為空。
(3).checkForm()函式最後true。
(4).window.onload = function () {},當文件內容完全載入完畢再去執行函式中的程式碼。
(5).var myform = document.forms[0],獲取表單物件。
(6).myform.onsubmit = function () {
return checkForm(this);
},onsubmit事件處理函式返回true表示提交表單,返回false表示不提交表單。
相關文章
- js 驗證使用者名稱和密碼是否為空JS密碼
- js驗證使用者名稱和密碼為空程式碼JS密碼
- 關於登入(使用者名稱,密碼,驗證碼)密碼
- 利用JS驗證使用者名稱是否合法JS
- 使用ajax方式驗證使用者名稱是否存在程式碼
- 使用javascript實現使用者名稱驗證JavaScript
- JQuery表單驗證(包括:使用者名稱,手機號,密碼,確認密碼,驗證碼60s)jQuery密碼
- ajax實現的驗證使用者名稱是否存在程式碼例項
- 用jquery驗證使用者名稱是否有效或重複jQuery
- jquery驗證元素內容是否為空程式碼jQuery
- js實現的驗證表單文字框和密碼框是否為空程式碼JS密碼
- 使用代理通過使用者名稱和密碼驗證優缺點介紹密碼
- JavaScript 名稱空間JavaScript
- 用Servlet進行使用者名稱和密碼校驗Servlet密碼
- 更改MYSQL使用者名稱密碼MySql密碼
- 驗證物件是否為空的工具類物件
- 透過使用者名稱密碼認證保障 MQTT 接入安全密碼MQQT
- js驗證表單項是否為空例項程式碼JS
- JavaScript表單不為空驗證JavaScript
- Spring Security小教程 Vol 4. 使用使用者名稱和密碼驗證身份-UsernamePasswordAuthenticationFilterSpring密碼Filter
- git 使用者名稱密碼相關Git密碼
- 隱藏域 使用者名稱密碼密碼
- tortoiseGIT儲存使用者名稱密碼Git密碼
- 使用者名稱和密碼常見校驗正規表示式密碼
- 【PB案例學習筆記】-03使用者名稱密碼校驗筆記密碼
- JavaScript 中的名稱空間JavaScript
- git儲存使用者名稱與密碼Git密碼
- tomcat設定使用者名稱密碼Tomcat密碼
- ibm網站使用者名稱密碼IBM網站密碼
- 為何Oracle Database 12R2輸入正確的使用者名稱密碼口令驗證依然不能透過?OracleDatabase密碼
- 根據教程中,輸錯密碼或使用者名稱後,卻不能返回‘使用者名稱或密碼錯誤’密碼
- jQuery Validate驗證確認密碼是否相同jQuery密碼
- Oracle EM Express要求使用者名稱和密碼OracleExpress密碼
- Activiti-Explorer 使用者名稱與密碼密碼
- 修改oracle中的使用者名稱和密碼Oracle密碼
- 百度文庫使用者名稱密碼密碼
- VMWare Server 2.0 的使用者名稱和密碼Server密碼
- 破解本地 mysql 使用者名稱和密碼(轉)MySql密碼