Hướng dẫn document forms trong javascript
Collection có thể hiểu như là một bộ chọn có các thuộc tính và phương thức như một object, nó sẽ chọn lấy một tập hợp kết quả. forms collection sẽ trả về tập hợp các thẻ Show
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Các thẻ trong tập hợp được trả về sẽ được sắp xếp theo đúng thứ tự chúng xuất hiện trên trang. Nếu bạn muốn lấy về tập hợp tất cả các thẻ nằm trong thẻ Cú phápCú pháp: Bài viết này được đăng tại [free tuts .net] Thuộc tính
Phương thức
Cách sử dụngSử dụng
Tham khảo: w3schools.com Kiểm tra dữ liệu trong form với javascript là công việc quan trọng thường phải thực hiện của web dev, để kiểm tra tính đúng đắn của dữ liệu. Trong trang web, form là các vùng để người dùng nhập thông tin. Ví dụ: form đăng nhập, form đăng ký, form liên hệ, form tìm kiếm…Mỗi form, thường có 1 nút submit để gửi dữ liệu lên server. Khi người dùng nhắp vào nút submit thì trình duyệt sẽ gorm dữ liệu trong form gửi lên cho server xử lý Truy cập đến form dùng javascriptCó thể truy cập đến Form bằng các cách sau Truy xuất đến form theo chỉ số : document.forms[chỉsố] Truy xuất đến form theo tên : document.forms['tênform'] Truy xuất đến form theo cú pháp ngắn gọn: document.tênform Truy cập đến các control trong form để lấy value- Dùng hàm getElementById : document.getElementIdById('idcủaControl').value; - Dùng hàm getElementsByName : document.getElementsByName('namecủaControl')[chỉ số].value; - Truy xuất thông qua form: document.tênForm.tênControl.value; Kiểm tra dữ liệu trong form với javascriptLà kiểm tra xem thông tin có được điền vào form đúng yêu cầu hay chưa. Ví dụ tuổi hay số lượng sản phẩm phải là kiểu số nguyên, ngàysinh được được là chữ, mã sinh viên phải dài 7 ký tự …. Nhờ kiểm tra và báo lỗi, user được thông báo và nhập lại cho đúng, khi đó thông tin được xử lý và lưu trữ mới mới có giá trị Sự kiện onsubmit của formMỗi form có một hoặc nhiều nút submit. Khi user nhắp nút submit 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 return true (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ện submit 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 trong form với javascriptBạn cần viết một để kiểm tra dữ liệu trong form xem có hợp với quy tắc mong muốn hay không, nếu không hợp lệ thì trả về false, còn nếu hợp lệ thì trả về true. Hàm này bạn gọi trong sự kiện onSubmit của tag form. Ví dụ:
Code javascript kiểm tra
Tùy tính chất phức tạp của các quy tắc dữ liệu , mà các quy tắc kiểm tra trong hàm kiemtra sẽ nhiều hoặc ít. Nhưng sẽ trả về true khi kiểm tra đúng và false khi có dữ liệu sai quy tắc. Các control trong formTrong mỗi form sẽ có nhiều control để user nhập thông tin như textfield, textarea, selectbox, checkbox, radio button, button… Thuộc tính name của các form controlCác control trong form có 1 thuộc tính đặt biệt, là thuộc tính name. Bạn có thể sử dụng thuộc tính name 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à id và name. Thuộc tính id là duy nhất, mỗi id đại diện cho 1 tag còn name thì có thể trùng nhau. Sử dụng phương thức getElementsByName(name) để lấy các element có cùng thuộc tính name. Hàm này trả về một mảng các element cùng name.
Select boxSelect box là hộp chọn gồm nhiều mục, mỗi mục nằm trong tag Chú ý: Mục nào có thuộc tính selected sẽ được chọn sẵn khi trang web mới nạp.
Truy xuất đến select box Bạn truy cập đến giá trị được chọn của select box bằng thuộc tính value. Cũng có thể gán value cho selectbox để thay đổi mục chọn.
CheckboxCheckbox thường dùng để user chọn trạng thái có hay không có 1 tình trạng nào đó. 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.
Ứng dụng liệt kê những loại kem được chọn
Radio buttonRadio button là các control để user chọn 1 mục trong nhóm. Giống như checkbox, radio cũng có thuộc tính checked (true / false) diễn tả nó được chọn hay không . Radio button thường dùng theo nhóm, trong mỗi nhóm chỉ 1cái được chọn. Chú ý: Các radio có cùng name được xem là cùng một nhóm
Code javascript lấy value các radio được chọn
Thực hiện kiểm tra dữ liệu trong form với javascript
Mời em xem thêm các bài viết sau: Ứng dụng javascript kiểm tra dữ liệu trong form |