jquery登陸表單簡單驗證程式碼
登陸表單驗證在每個網站都是必須,如果這個都沒有,可以想象這個網站多麼的不講究,本章節提供了一個簡單登陸表單驗證程式碼,僅供初學者參考之用。程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#btnSubmit').click(function () { if ($('#txtUserName').val() =='') { alert("使用者名稱不能為空!"); $('#txtUserName').focus(); return false; } if ($('#txtPassWord').val() == ''){ alert("密碼不能為空!"); $('#txtPassWord').focus(); return false; } }) }) </script> </head> <body> 使用者名稱:<input id="txtUserName" type="text" value="" /><br /> 密 碼:<input id="txtPassWord" type="text" value="" /><br /> <input id="btnSubmit" type="button" value="btnSubmit" /> </body> </html>
如果文字框內容為空時,會彈出警告框。
相關文章
- jQuery表單驗證簡單程式碼例項jQuery
- jQuery登錄檔單驗證程式碼例項jQuery
- jquery 表單驗證jQuery
- jquery 彈出登陸框,簡單易懂!修改密碼效果程式碼jQuery密碼
- jquery驗證簡單示例jQuery
- jQuery實現簡單登陸判斷jQuery
- flutter - 登陸介面&表單校驗Flutter
- js使用者登錄檔單驗證簡單程式碼例項JS
- jQuery使用者登入和登錄檔單驗證程式碼例項jQuery
- jQuery實現的表單註冊驗證程式碼例項jQuery
- jQuery表單驗證效果詳解jQuery
- jquery.validate 表單驗證jQuery
- 7,javase程式碼實戰-條件語句——簡單的驗證使用者登陸(二)Java
- jQuery Validate表單驗證(使用者註冊簡單應用)jQuery
- JavaScript 表單驗證程式碼例項JavaScript
- 常用的表單驗證程式碼分享
- 表單驗證教程簡介
- 利用jQuery實現表單驗證功能jQuery
- jQuery 表單驗證 學習手記jQuery
- Jquery表單驗證外掛–ValidformjQueryORM
- 用onsubmit做簡單表單驗證(37)MIT
- SpringSceurity(5)---簡訊驗證碼登陸功能Spring
- jQuery表單操作程式碼jQuery
- 一種簡單好用的Vue表單驗證Vue
- 單點登陸原理及程式碼(CAS)
- PHP PDO 簡單登陸操作PHP
- JavaScript 表單及表單驗證JavaScript
- 驗證手機號碼程式碼簡單程式碼例項
- jQuery Validate表單驗證基本流程介紹jQuery
- jquery 實現滑動條的簡單驗證jQuery
- curl模擬請求、登陸以及帶驗證碼登陸
- 表單驗證手機號碼格式例項程式碼
- bootstrap表單驗證boot
- javascript表單驗證JavaScript
- Laravel 表單驗證Laravel
- JavaScript 表單驗證JavaScript
- Django表單驗證Django
- Js表單驗證JS