這個專案的登入登錄檔單最開始想當然的用了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....