1. 程式人生 > >關於JS實現使用者登入驗證(部分程式碼簡寫)

關於JS實現使用者登入驗證(部分程式碼簡寫)

    上個星期上課時,吳亮老師說,用JS實現下驗證,因回家耽誤了4天,現在把寫好的程式碼Pia上來~~~

function getFocus()  //設定使用者名稱文字框獲取焦點
{
    document.getElementById("txtusername").focus();
}
 
function checkname()  //檢查使用者名稱
{
    var myname=document.getElementById("txtusername").value;    //獲取使用者名稱文字框的值
    var myDivname=document.getElementById("username");         //定義使用者名稱文字框的提示
    if(myname=="")
    {
        myDivname.innerHTML="使用者名稱不能為空!";
        return false;
    }
    for(var i=0;i<myname.length;i++)
    {
        var text=myname.charAt(i);
        if(!(text<=9&&text>=0)&&!(text>='a'&&text<='z')&&!(text>='A'&&text<='Z')&&text!="_")
        {
         myDivname.innerHTML="使用者名稱只能是數字、字母、下劃線組成!";
         break;
        }
    }
    if(i>=myname.length)
    {
        myDivname.innerHTML="√";
        return true;
    }
}
 
function checkpassword()     //檢查密碼
{
  var mypassword=document.getElementById("txtpassword").value;   //獲取密碼文字框的值
  var mydivpassword=document.getElementById("password");      //獲取密碼文字框的提示
  if(mypassword=="")
  {
    mydivpassword.innerHTML="密碼不能為空";
    return false;
  }else if(mypassword.length<6){
    mydivpassword.innerHTML="密碼至少為6位";
    return false;
  }else{
    mydivpassword.innerHTML="√";
    return true;
  }
}

var code="";    //全域性定義驗證碼
//建立驗證碼
……
function checkcode()   //檢查驗證碼
{
  var inputCode = document.getElementById("/*驗證碼文字框的class*/").value  //取得驗證碼的值
  if(inputCode.length <= 0)
  {
    //若輸入驗證碼長度為0
    alert("請輸入驗證碼");  //彈出提示框
  }else if(inputCode !=code){
    //若輸入的驗證碼與產生的驗證碼不一致
    alert("驗證碼輸入錯誤!");
    creatCode();   //呼叫建立驗證碼函式,重新整理驗證碼
    document.getElementById("/*驗證碼文字框的class*/").value="";   //清空文字框
  }else{
    alert("輸入正確~");   //彈出提示框,我個人認為這個地方可以直接調轉進入下一頁
  }
}
 
function checkall()  //檢查所有
{
    if(checkname()&&checkuserpassword()&&checkcode())
    {
        return true;
    }
    return false;
}

相關推薦

關於JS實現使用者登入驗證部分程式碼簡寫

    上個星期上課時,吳亮老師說,用JS實現下驗證,因回家耽誤了4天,現在把寫好的程式碼Pia上來~~~ function getFocus() //設定使用者名稱文字框獲取焦點 { document.getElementById("txtusername")

Python(45)_三次登入驗證結合檔案操作

#-*-coding:utf-8-*- ''' 三次登入再次優化,利用檔案操作這個程式注意:1、把使用者名稱和密碼以w方式寫進去時候,是怎麼實現換行的? format的用法 2、把檔案讀出來的時候,是怎麼讀的,是怎麼去掉換行符的? 迴圈放到列表裡 ''' lis= [] us

網站自動登入功能安全-程式碼簡潔的設計

參考:http://blog.csdn.net/ivon2008/article/details/39899477 網站的自動登入一直都是有利於提高使用者體驗的功能,如果設計不好,也非常容易洩漏使用者的賬戶資訊。         比較常見的功能實現方案是將使用者的登

js實驗-表單驗證正則表示式

<!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <script src="./1.js"></s

模擬RSA雙向驗證,並且實現DES加密以及MD5校驗過程python程式碼實現

要求如下:            (1)A,B兩端各生成公鑰金鑰對(PA,SA), 金鑰對(PB,SB)。            (2)A端生成隨機數N1,用B的公鑰PB加

JSP學習筆記-05,使用者登入驗證無資料庫

前臺提交Form表單資料 form標籤的action屬性,是將資料提交到的頁面。 <form action="xxxx.jsp" method="post"> <p class="main"> <label>使用者

前端js實現--登入驗證二維碼

 數字和字母組合的四位驗證碼 HTML如下           <li class="border testcode">             &l

關於用Java實現傳送簡訊部分程式碼來源於網路

第一步: 訪問中國網建SMS簡訊通網頁註冊賬號。儲存金鑰。 第二步:編碼實現 編寫JavaBean,定義變數phonenumber,生成get/set方法 建立介面 //傳送簡訊 void send(Player player) throws Exception; //實現

JS省市區三級聯動行政區劃程式碼更新至2015-9-30

本文程式碼實現的功能是省市區三級聯動下拉列表,純Javascript,網上已有很多這方面的程式碼。但是作為一個新手,這是我的第一篇CSDN部落格,發此文的目的主要是學習交流,希望看到的朋友發現有什麼不對的地方批評指正一下。 整體的實現思路是:1、建立一個"place類"

app與php後臺介面登入認證、驗證seesion和token

簡要:隨著電商的不斷髮展,APP也層次不窮,隨著科技的發展主要登入形式(微信、QQ、賬號/密碼);為此向大家分享一下"app與php後臺介面登入認證、驗證"想法和做法;希望能夠幫助困惑的夥伴們,如果有不對或者好的建議告知下;*~*!一、登入機制粗略分析:登入可分為三個階段(登

Spring Security 4 整合Hibernate 實現持久化登入驗證帶原始碼

【相關已翻譯的本系列其他文章,點選分類裡面的spring security 4】 本教程將使用Spring Security 4 和hibernate向你展示持久化登入驗證. 在持久化登入驗證中,應用通過session記住使用者特徵。 一般來說,在登入介面,當你

js動態繫結dropdownList 部分程式碼

(function ($) {     $.fn.Schoolselected = function(settings, extraSettings) {         var options;         options = {             NextSe

簡易四位一體數碼管顯示數字部分程式碼查詢獲得

 共陽極數碼管是指八段數碼管的八段發光二極體的陽極(正極)都連在一起,而陰極對應的各段可分別控制 共陰極數碼管是指八段數碼管的八段發光二極體的陰極(負極)都連在一起,而陽極對應的各段分別控制共陰級輸入高電平有效,共陽級輸入低電平有效。  HS42056  1K-32是

ThinkPHP+JQuery實現ajax無重新整理登入驗證詳解+相關問題

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &

一些有用的js正則驗證是否為空,是否為正整數,email,手機,電話,身份證

dojo.provide("common.util.validate"); common.util.validate = {    isBlank : function(value) {       if (typeof (value) == "undefinded" ||

JS 即時重新整理驗證碼圖片程式碼

此程式碼瀏覽器相容性高 <script type="text/javascript"> <!-- // there's two ways get validate image, /

div拖動拖拽圖片驗證部分代碼

type tar clientx document css top 計算 eight 驗證碼 在underside中拖動redbox,box和redbox的橫坐標一致 1 <!doctype html> 2 <html lang="en">

shiro登入驗證登入跳轉到指定頁面,驗證驗證,不登出之前已登入使用者下,再次登入

web.xml配置 <filter> <filter-name>shiroFilter</filter-name> <filter-class>org.springfr

js基礎第二天if判斷語句

執行 部分 nbsp -s cnblogs 簡單 ges logs mat if是js比較重要的部分,內容比較簡單,單是在工作中是用的最多的。今天已經把表單的部分補齊了。 If...else 條件判斷 if(條件表達式){ 如果條件是true,執行該處代

JS面向對象封裝,繼承

通過 ray 混合 字母 顯示 彈出 pan rip http 在六月份找工作中,被問的最多的問題就是: js面向對象,繼承,封裝,原型鏈這些,你了解多少? 額,,,我怎麽回答呢, 只能說,了解一些,不多不少,哈哈哈哈,當然,這是玩笑話。 不過之前學過java,來理解這些還