登入註冊案例二

2022-01-18 01:50:10 字數 4317 閱讀 8731

這個專案的登入登錄檔單最開始想當然的用了blur+focus,功能實現是實現了,然而那個使用者體驗,啊,有這種東西?

首先引入ng,

然後在body上加上這句

建立乙個js檔案放自己的**,也不知道這麼寫好不好,反正能實現。。。。把登入註冊什麼的分開提交。暫時沒研究出來怎麼把ng和ajax提交一起寫,所以目前只是用ng來判斷這個表單能否提交點選。

//

ng**

//create angular controller

($scope) ;

//登入表單提交

$scope.submitloform = function

(isvalid)

};//登錄檔單資料初始化

$scope.registdata ={};

//登錄檔單提交

$scope.submitreform = function

(isvalid)

};//忘記密碼表單資料初始化

$scope.forgetdata ={};

//忘記密碼表單提交

$scope.submitfoform = function

(isvalid)

};});

();

o.strict= "ae";

o.scope =

o.require = "ngmodel";

o.link = function

(sco,ele,att,con)

sco.$watch("orgtext",function

());

} return

o; })

提交ajax**

//

註冊按鈕點選事件

$("#regist").click(function

() else

",,function

(data)";

}else})}

})function

settimes(obj)

else

else

}var phone = $("#phone").val();

$.post("",,function

(data)

else

})}

倒計時函式,【隨手汙染了全域性

var count = 60;

function

settime(obj)

else

settimeout(

function

() ,1000);

}

貼乙個註冊頁面的表單

<

form

name

="registform"

ng-submit

="submitreform(registform.$valid)"

novalidate

>

<

div

class

="form_control"

>

<

input

class

="required required1"

type

="text"

name

="phone"

id="phone"

placeholder

="手機號碼"

ng-model

="registdata.phone"

ng-pattern

="/^1(3|5|7|8)\d\d\d\d\d\d\d\d\d$/"

required

>

<

em ng-show

="registform.phone.$invalid && registform.phone.$dirty"

>手機號碼輸入錯誤

em>

<

em ng-show

="registform.phone.$error.required&&

registform.phone.$touched"

>手機號碼不可為空

em>

div>

<

div

class

="form_control"

>

<

input

class

="required"

type

="password"

name

="password"

id="password"

placeholder

="密碼"

ng-model

="registdata.password"

required

ng-minlength

="6"

ng-maxlength

="20"

ng-pattern

="/^\w+$/"

>

<

em ng-show

="registform.password.$error.minlength||registform.password.$error.maxlength"

>密碼長度在6到20位之間

em>

<

em ng-show

="registform.password.$error.pattern"

>密碼由數字、26個英文本母或者下劃線組成

em>

<

em ng-if

="registform.password.$error.required&&

registform.password.$dirty"

>密碼不可為空

em>

div>

<

div

class

="form_control2"

>

<

input

class

="capipt required"

type

="text"

name

="captcha"

id="captcha"

placeholder

="驗證碼"

required ng-model

="registdata.captcha"

>

<

em ng-if

="registform.captcha.$error.required&&

registform.captcha.$dirty"

>驗證碼不可為空

em>

<

input

type

="button"

id="captchabtn"

value

="獲取驗證碼"

class

="login-btn btn"

onclick

="settimes(this);"

>

div>

<

div

class

="form_control"

>

<

input

class

="required"

type

="text"

name

="qq"

id="qq"

placeholder

="qq(非必填)"

ng-pattern

="/^\w+$/"

ng-model

="registdata.qq"

>

<

em ng-if

="registform.qq.$error.pattern"

>qq號碼錯誤!

em>

div>

<

div

class

="form_control"

>

<

input

type

="submit"

id="regist"

value

="註冊"

class

="login-btn btn"

ng-disabled

="registform.$invalid"

>

div>

form

>

linux中shell指令碼登入註冊小案例

登入註冊 要求 01.註冊時需要判斷user是否存在,不存在寫入檔案,存在告知。輸入兩次密碼要一致。使用者名稱的長度不小於3,密碼長度不小於6 02.登陸時,使用者名稱和密碼完全匹配,返回登陸成功。bin bash echo 1.註冊 echo 2.登入 echo 3.退出 read p 請輸入選擇...

ET5 0 登入與註冊小案例

et群 474643097 主講人 字母哥binary 一 新增資料庫 修改資料庫配置 1 開啟mongodb視覺化工具,建立資料庫mmorpg 2 開啟et5 config startconfig localallserver.txt檔案,其中一條修改為 二 修改登入ui預設物 新增註冊按鈕 1 ...

php註冊和登入介面的實現案例 推薦

當初我覺得乙個 上註冊和登入這兩個功能很神奇,後來自己研究一下發現其實道理很簡單,接下來看一下怎麼實現的吧。我在我的電腦上建了幾個檔案 login.html 登入頁面 register.html 註冊頁面 success.html 登入成功跳轉頁面 return.html 註冊成功頁面 login....