登入表單(入門簡單)

2022-05-02 09:51:08 字數 2726 閱讀 9538

簡單入門的表單登入頁面練習:

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...