簡單入門的表單登入頁面練習:
1結果檢視:doctype html
>
2<
html
lang
="en"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
meta
name
="author"
content
="superdrew"
>
6<
meta
name
="description"
content
="form validation"
>
7<
style
>
8#msg,#msg2
9body,input
10style
>
11<
script
>
12function
verifytel1() $/;
14var
uname
=document.getelementbyid(
"uname
").value;
15if(!
regexp1.test(uname))
else25}
2627
function
verifytel2() $/;
29var
pwd
=document.getelementbyid(
"pwd
").value;
30if(!
regexp2.test(pwd))
else40}
4142
//提交表單
43function
submitform() 47}
4849
function
teat()
52script
>
53head
>
5455
<
body
>
56<
center
>
57<
h3><
a href
="">歡迎光臨
a>
h3>
58<
form
method
="post"
action
=""id
="allow"
>
59<
div
id="form"
>
60<
div
class
="int"
>
61<
label
for="username"
>賬 號:
label
>
62<
input
type
="text"
id="uname"
class
="input"
/>
63div
>
64<
div
class
="int"
>
65<
label
for="txtpwd"
>密 碼:
label
>
66<
input
type
="password"
id="pwd"
class
="input"
/>
67div
>
6869
<
div
id="msg"
>
div>
70<
div
id="msg2"
>
div>
71<
br>
72<
input
type
="button"
value
="提交"
onclick
="submitform()"
>
73<
input
type
="reset"
value
="重置"
/>
74form
>
75center
>
76body
>
7778
html
>
① 初始介面
② 賬號驗證介面:
③ 密碼驗證介面:
注意:根據實際運用情況,進行表單驗證和優化。
PHP簡單表單登入操作
以下是在環境wamp下執行的,php5.4.3下的操作練習。重點是php部分的 可以直接拿來用,樣式和js比較多,未引用 login.php部分 生成四位的隨機驗證碼 codedata abcdqwetyuipffhbcnvmklabcdhfuncyeijndf0123456789 postcode...
jq登入表單驗證
每個專案中都會有登入註冊模組的一些驗證。比如說 使用者名稱我們要驗證位數和是否符合使用者名稱規則 密碼要驗證字母開頭,長度,是否包含下劃線等等,這裡我總結了一下常用的驗證規則,用的是專案中用到的class和id 如果自己用到的話要對名稱做相應的修改。密碼的驗證方法 function password...
IOS入門學習筆記(簡單的登入介面)
晚上學習ios,剛開始接觸,太多不清楚的地方,連xcode都用不好,今天自己寫了乙個非常簡單的登入頁面 看上去就很簡單的吧 之所以這個介面呢,是為了鞏固之前學習的知識,後面也會寫很多類似的介面 這裡用到的一些簡單的知識點 uitextfield 這裡用到清除按鈕 pass clearbuttonmo...