Scribd Logo
Upload

Welcome to Scribd!

  • Bai 5 - Su Dung Form Va Javascript

    Uploaded by

    Thuan Vo
    11 views9 pages
    su dung form.

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    su dung form.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views9 pages

    Bai 5 - Su Dung Form Va Javascript

    Uploaded by

    Thuan Vo
    su dung form.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    Bi 5 : S dng Form + Javascript

    Mn : Lp trnh v Thit k Web 1

    KHOA CNG NGH THNG TIN I HC KHOA HC T NHIN 2007 Authored by: Lng V Minh

    Bi 5 : S dng Form + Javascript


    Mn : Lp trnh v Thit k Web 1

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    1.

    Yu c u:
    Thit k form c ni dung sau:

    S dng Javascript kim tra thng tin nhp : Tn ng nhp khng c php rng Mt khu phi cha t nht 5 k t Mt khu nhp li phi trng vi mt khu

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    2.

    H ng d n thi t k Form

    B c 1 : T o n n cho form

    T menu Insert Form chn Form. M lnh HTML tng ng cho vic to mt Form:

    <form

    method="POST">

    </form>

    B c 2 : Thi t k table

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    T menu Insert Table

    * Table phi nm trong Form

    B c 3 : T o cc controls v text theo m u yu c u.


    TEXT BOX Control

    <input type="text" name="">

    STT 1 2 3

    TextField textTenDN textMatKhau textMatKhauGoLai

    Char width 20 15 15

    Type Single line Password Password

    HTML Code
    <input type="text" name="textTenDN"> <input type="password" name="textMatKhau"> <input type="password" name="textMatKhauGoLai">

    <input type="submit" value="" name="">

    STT 1 2

    Button name btDangky btXoa

    Value ng k Xa

    Action Submit Reset

    HTML Code
    <input type="submit" value="ng k" name="btDangky"> <input type="reset" value="Xa" name="btXoa">

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    BUTTON Control

    Kt qu :

    B c 4 : Ki m tra k t qu th c hi n. Lu trang web li. Nhn F12 xem trang web bng trnh duyt web IE.

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    3.
    -

    H ng d n s d ng Javascript
    Bc 1 : Thng nht tn cc controls s dng trong form trn. STT 1 2 3 4 5 Tn control textTenDN textMatkhau textMatkhaugolai btDangky btXoa Loi control Textbox Textbox Textbox Button Button

    Bc 2 : To mt trang web bt k c tn Dangkythanhcong.htm. Trang web ny s hin th khi ngi dng nhn vo nt ng k v vic kim tra d liu thnh cng. Bc 3 : t tn cho Form l DKUser

    <form name="DKUser" method="POST">

    Bc 4 : Nhp on Javascript vo trong tab <head>

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    Bc 5 : gi hm kim tra khi bm vo nt submit. Ti phn khai bo th <form> ca trang web, sa li m lnh sau:

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    <form name="DKUser" method="POST"> <form name="DKUser" method="POST" action="Dangkythanhcong.htm" onsubmit="return KiemTra()">

    o o o o

    Thuc tnh name: t tn cho form ang s dng. Thuc tnh method: Chn hnh thc truyn d liu vi server (Post/Get) Thuc tnh action: Ch nh a ch URL c gi khi button (c thuc tnh submit) c nhn. Thuc tnh onsubmit: Ch nh hm KiemTra() s c gi khi button (c thuc tnh submit) c nhn. Nu hm tr v gi tr False th thuc tnh action b b qua v ngc li.

    Bc 6 : Kim tra kt qu trang web o Lu trang web li. o Nhn F12 m trang web bng IE. o To cc trng hp nhp d liu khc nhau kim tra kt qu trang web: Ln 1: Tn ng nhp b b trng.

    Ln 2: Mt khu b b trng. Ln 3: Mt khu ngn hn 5 k t. Ln 4: G li mt khu b b trng. Ln 5: Nhp y , ng cc thng tin cn thit.

    4.

    Bi t p th c hnh:

    Tm hiu thm cc control khc (listbox, combo box, radio Button, checkbox, ) v thuc tnh ca n. Hon thnh y form ng k theo yu cu.

    Bi 5 : S d ng Form + Javascript | 9/26/2007

    You might also like