Báo lỗi khi không nhận vào input jquery

Bất kỳ trang web nào cũng cần có form đăng nhập cho thành viên tham gia thảo luận , trao đổi cùng nhau hay người quản lý đăng nhập để quản lý trang web. Trong bài viết này tôi sẽ hướng dẫn các bạn tạo ứng dụng đăng nhập form đơn giản với các chức năng kiểm tra độ dài các ký tự của thẻ input và in ra thông tin đăng nhập bằng jquery , css và hml Chúng ta bắt đầu tạo form với thẻ htm l: Code :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

< div id= "login" >

<h3>Login Here</h3>

< div id= div`1>`

div`3`div`4`div`5 `div`6`div`5>`

`div`9`id=`0

div`9`id=`2`id=`3 `id= id=`5 `id=`6`div`5 `id=`8`id=`9"login"0>`

div`9"login"`3

div`9"login"`5

div`9"login"`7

div`9`id=`2>0 `id= >`0 `id=`6`div`5 `id=`8`id=`9"login"0>`

div`9"login"`3

div`9"login"`5

div`9`id=`2 5 `id=`6 7 `id= `9>`

div`9`id=`2<h3>Login Here</h3>3 `id=`6<h3>Login Here</h3>3 `id= <h3>Login Here</h3>`3>`

div`3 `0

`2`div >

< div id= `9>`

`2`div >

Xem đoạn code trên bạn để ý đến 2 thẻ div có id="form" để chứa form đăng nhập và id="wellcome" để thông báo người dùng đăng nhập thành công. CSS Code :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

`<`4

div`3<`6

div`3<`8

`div`0

`div`2

`div`3`div`4

`div`3`div`6

`div`3`div`8`div`9`div`00

`div`3`div`02

`div`0

`div`06

`div`3`div`08

`div`0

`div`12

`div`3`div`14

`div`3`div`16

`div`3`div`18

`div`3`div`20

`div`3`div`22

`div`0

`div`26

`div`3`div`28

`div`3`div`30

`div`3`div`32

`div`0

`div`36

`div`3`div`38

`div`3`div`16

`div`3`div`42

`div`3`div`44

`div`3`div`46

`div`3`div`30

`div`0

div`52 `5`div`54

`div`3`div`56`div`57

`div`3`div`46

`div`3`div`61

`div`3`div`63

`div`3`div`16

`div`0

Jquery Code :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

div`68`div`69>`

`div`72

`div`3`div`74`div`75`div`76

`div`3`div`74`div`79`div`76

`div`3`div`74`div`83`div`84

`div`9`div`86 `div`87`div`88`div`89

`div`90`div`74`div`79`id=`57`id=`64`id=`65`id=`66`id=`67`id=`68`id=`69`id=`70`div`95