Form và các control trong form

Form là 1 thành phần đặc biệt trong trang. Form cho phép user nhập thông tin vào rồi gửi lên server để xử lý. Trong form có nhiều thành phần để user nhập thông in như textfield, textarea, selectbox, checkbox, radio button, button…

Dùng JavaScript, bạn có thể tương tác các thành phần trongform để gán giá trị, lấy ra giá trị user nhập, kiểm tra họ nhập đúng hay saiquy định….

Đang xem: Kiểm tra trạng thái của checkbox trong javascript

Thuộc tính darkedeneurope.com của các form control

Các control trong form có 1 thuộc tính đặt biệt, là thuộc tính darkedeneurope.com. Bạn có thể sử dụng thuộc tính darkedeneurope.com này để truy cập đến một nhóm các control. Ví dụ:

Như vậy các tag trong form có 2 thuộc tính định danh là idvà darkedeneurope.com. Thuộc tính id là duy nhất, mỗi id đại diện cho 1 tag còn darkedeneurope.com thì cóthể trùng nhau.

Sử dụng phương thức getElementsBydarkedeneurope.com(darkedeneurope.com) để lấy các element có cùng thuộc tính darkedeneurope.com. Hàm này trả về một mảng các element cùng darkedeneurope.com.

Bạn biết ngoại ngữ nào: Anh Pháp Hoa PaliChọnCác ngôn ngữ có thể chọn:

SELECT BOX

Select Box là hộ chọn gồm nhiều mục, mỗi mục nằmtrong tag .

Xem thêm:

Xem thêm:

Mỗi mục có value riêng và text riêng. Khi chọn 1 mục, value của mục sẽ gán cho value củaselectbox. Mục nào có thuộc tính selected sẽ được chọn sẵnkhi trang web mới nạpAn GiangBến TreCần ThơHồ Chí MinhSóc TrăngTây NinhChọn tỉnhCần ThơTây NinhBến TreTruy xuất đến select box

Bạn truy cập đến giá trị được chọn của select boxbằng thuộc tính valueBạn cũng có thể gán giá trị cho select box bằngJavaScript (để thay đổi mục chọn)

CHECKBOX

Checkbox thường dùng để user chọn trạng thái có hay không có 1 tình trạng nào đó Bạn sử dụng thuộc tính checked của checkbox để lấy trạng thái và gán trạng thái cho checkbox. Nếu thuộc tính checked là true nghĩa là checkbox đang được chọn, còn nếu thuộc tính checked là false tức checkbox không được chọn.Các loại kem trong cửa hàng:Kem que Kem dâu Kem bơ Kem vani Ứng dụng liệt kê những loại kem được chọn

RADIO BUTTON

Radio button là các tag để người dùng lựa chọnmột trong nhiều mục cùng nhóm. Radio button cũng có thuộc tính checked mang giá trị true hoặc false diễn tả nó được chọn hay không được chọn. Radio button thường dùng theo nhóm, trong mỗi nhóm chỉ một cái được chọnCác radio có cùng darkedeneurope.com được xem là cùng một nhómLớnVừaNhỏChọn cỡCode javascript lấy value các radio được chọn

FORM

Dùng để gửi dữ liệu lên server, mỗi form có 1nút submit.Khi người dùng nhắp vào nút submit thì dữ liệu trongform sẽ được gửi lên serverForm sử dụng phương thức GET hoặc POST để gửi dữliệu lên Server

*

KIỂM TRA HỢP LỆ CHO FORM

Là kiểm tra xem thông tin cần thiết đã được userđiền vào form đúng yêu cầu hay chưa.Kiểm tra hợp lệ cho form rất cần thiết để đảm bảotính đúng đắn của dữ liệu mà user nhập

*

SỰ KIỆN ONSUBMIT CỦA FORM

Mỗi form có một hoặc nhiều nút submit. Khi user nhắp nútsubmit thì sự kiện onSubmit của form sẽ xảy ra.

Dùng javascript, bạn có thểcan thiệp để sự kiện submit có được xảy ra hay không. Trong onSubmit returntrue (mặc định) thì sự kiện submit diễn ra bình thường, tức dữ liệu trong form sẽđược gửi lên Server. Nếu trong onSubmit bạn dùng return false thì sự kiệnsubmit của form bị bỏ qua, dữ liệu không được gửi lên server

Thực hiện kiểm tra dữ liệu hợp lệ trong form

Viết hàm thực hiện việc kiểm tra theo các quy tắcmong muốn, nếu thông tin không hợp lệ thì trả về false, còn nếu thông tin hợp lệthì trả về trueHàm này sẽ được gọi trong sự kiện onSubmit củatag form

Code javascript kiểm tra

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *