登入註冊 註冊輸入驗證

2022-09-06 14:51:18 字數 1831 閱讀 9341

上次講了登入註冊問題的資料庫表怎麼建,以及具體有哪些內容。今天主要講一下註冊的表單驗證。我們經常上網各種登入註冊的時候應該已經注意過就是有時候密碼有要求,比如輸入6-20位密碼。還有確認密碼,必須和密碼輸入一致的時候才行。郵箱也是,郵箱的格式不能出錯。當以上格式有誤的時候就不能提交表單,還有如果還有必填專案沒有填的話也不可以提交表單。

一看見判斷輸入框的格式還有位數限制時我們首先就應該想到正規表示式。

下面我們來邊看**表講解。

這個就是html的頁面**,我們用的是angularjs來寫的。布局用了bootstrap。

class="

container

" ng-controller="

contentcontroller

">

class="

row r1

">

view code

先看使用者名稱的判斷:

ng-blur="testuser()"就是滑鼠離開使用者名稱輸入框時呼叫testuser()函式

testuser()函式如下:

$scope.testuser=function()$/;

if($scope.name &®.test($scope.name))

else

view code

正規表示式表示使用者名為以字母或數字開頭的6-15位包括下劃線的任何單詞字元。在輸入框後面加span欄位來標誌輸入是否正確,定義為username_info,span定義乙個類ng-class="",當輸入符合正規表示式時,$scope.isredname=false;就是span輸入「√」,顏色為綠,相反輸入「×」,顏色為紅。效果圖如下:

密碼判斷:

$scope.testpwd=function()$/;

if($scope.pwd &®.test($scope.pwd))

else

}

view code

看正規表示式表示我們需要輸入6-15位的任意字元即可。

效果圖如下:

輸了17位的情況:

輸了10位的情況:

確認密碼:

$scope.testconfirmpwd=function()

else

};

view code

如上,我們只需要判斷確認密碼輸入框和密碼輸入框一致並且密碼輸入框不為空時就是正確的。效果圖如下:

郵箱輸入:

$scope.testemail=function()

else

};

view code

正規表示式寫了郵箱的樣式,大家平時寫**的時候正規表示式不清楚的話可以自己上網查一下正規表示式該怎麼寫。

效果圖如下:

關於性別我沒有用input type=」radio」來做,我用的是input type=」text」來做的。只是限定了只能輸入「男」或者「女」。

$scope.test***=function()

else

};

view code

效果圖如下:

js驗證登入註冊

js驗證登入註冊的優勢,在前台直接驗證,不需要在後台讀取返回資料驗證,減輕伺服器壓力。登陸驗證得必要性,攔截惡意指令碼的登入註冊攻擊。哈哈,當然有些高手是可以直接跳過js驗證的。js 如下 document ready function document on blur result functio...

註冊登入驗證碼

1 判斷是不是手機號 public boolean ismobileno string mobiles matcher m p.matcher mobiles return m.matches 2 判斷密碼格式是否正確 public boolean iscorrectpassword string ...

(登入 註冊)表單驗證

註冊驗證 1.驗證格式 非空 2.驗證密碼直接是否相等 3.驗證碼 驗證非空和格式 function ischeckregist obj,re else else 驗證正則 1.身份證驗證 reg d d d d x x 2.手機號驗證 reg 1 3 4 5 8 0 9 d i 3.密碼驗證 6 ...