Form đăng nhập và kiểm tra giá trị nhập vào bằng javascript – https://final-blade.com – Thiết kế website nhanh chóng, chuyên nghiệp, giá cực rẻ

Posted on Updated on by adminChuyên mục:Kiến thức Internet
Nếu bạn làm một website có Database thì việc lập hạng mục và thành phần của một Form đăng nhập thì quá thuận tiện phải không, còn nếu là web tỉnh không sử dụng Database thì sao ?
Trong hàm, bạn sử dụng phát biểu RETURN để trả về giá trị TRUE nếu giá trị nhập là hợp lệ, ngược lại là giá trị FALSE nếu tài liệu nhập không hợp lệ. Nếu giá trị FALSE thì thao tác SUBMITsẽ không diễn ra và bạn nhu yếu người dùng nhập lại tài liệu. Phương thức này được gọi trong biến cố ONSUBMIT của Form .
Ví dụ

Function checkInput ( )

{
/ / Kiểm tra user name :
If ( document.flogin. USERNAME.value = = ” ” )
{
Alert ( “ invalidEmail, Vui lòng nhập địa chỉ E-Mail của bạn : ” ) ;
document.flogin. USERNAME.focus ( ) ;
return false ;
}
/ / Kiểm tra password
If ( document.flogin. PASSWORD.value = = ” ” )
{
Alert ( “ Vui lòng nhập password của bạn vào : ” ) ;
document.flogin. PASSWORD.focus ( ) ;
return false ;
}
Return true ;
}
Bạn kiểm tra giá trị nhập vào trong thẻ text có tên là USERNAME, nếu giá trị rỗng, một thông tin Open và chuyển con nháy vào thẻ này bằng Phương thức Focus ( ) .
Kế tiếp, phương pháp trả về giá trị FALSE. Điều này có nghĩa form sẽ không được submit cho đến khi phương pháp trên về giá trị TRUE
Tương tự như vậy với thẻ password có tên PASSWORD .
Nếu cả hai trường hợp trên đều hợp lệ, có nghĩa người dùng nhập liệu vào hai thẻ kia là hợp lệ, phương pháp trả về giá trị TRUE, Form được SUBMIT .
Như vậy tất cả chúng ta sẽ gọi phương pháp CHECKINPUT ( ) trên khi nào, dưới đây là minh họa cách thiết lập và gọi hàm CHECKINPUT ( ) .

action = ” thanhcong.php ? goto = ” onsubmit = ” return checkinput ( ) ; ” >

E-Mail address :

password:

Khi người dùng nhấp vào nút Dang nhap của form, trong biến cố onsubmit bạn gọi phương pháp checkinput bằng phát biểu

kích hoạt = ” thanhcong.php ? goto = ” onsubmit = ” return checkinput ( ) ; ” >
Nếu phương pháp checkinput ( ) trả về giá trị true, form này sẽ được submit. Ngược lại trong trường hợp người dùng không nhập địa chỉ E-Mail, password phương pháp trên trả về giá trị false, form trên không được submit. Đồng thời hợp thoại Open thông tin nhập password hoặc E-Mail .

Thiết kế website giá rẻ chất lượng không rẻ – Gọi: 08.2203.2203 – 0938.018.218 : Nhiều gói linh động để khách hàng lựa chọn ✔ Thiết kế giao diện chuyên nghiệp ✔ Giá rẻ nhất.

Nếu bạn làm một website có Database thì việc lập danh mục và thành phần của một Form đăng nhập thì quá dễ dàng phải không, còn nếu là web tỉnh không sử dụng Database thì sao?
Trong hàm, bạn sử dụng phát biểu RETURN để trả về giá trị TRUE nếu giá trị nhập là hợp lệ, ngược lại là giá trị FALSE nếu dữ liệu nhập không hợp lệ. Nếu giá trị FALSE thì thao tác SUBMITsẽ không diễn ra và bạn yêu cầu người dùng nhập lại dữ liệu. Phương thức này được gọi trong biến cố ONSUBMIT của Form.

Ví dụ
Function checkInput ( )
{
/ / Kiểm tra user name :
If ( document.flogin. USERNAME.value = = ” ” )
{
Alert ( “ invalidEmail, Vui lòng nhập địa chỉ E-Mail của bạn : ” ) ;
document.flogin. USERNAME.focus ( ) ;
return false ;
}
/ / Kiểm tra password
If ( document.flogin. PASSWORD.value = = ” ” )
{
Alert ( “ Vui lòng nhập password của bạn vào : ” ) ;
document.flogin. PASSWORD.focus ( ) ;
return false ;
}
Return true ;
}
Bạn kiểm tra giá trị nhập vào trong thẻ text có tên là USERNAME, nếu giá trị rỗng, một thông tin Open và chuyển con nháy vào thẻ này bằng Phương thức Focus ( ) .
Kế tiếp, phương pháp trả về giá trị FALSE. Điều này có nghĩa form sẽ không được submit cho đến khi phương pháp trên về giá trị TRUE
Tương tự như vậy với thẻ password có tên PASSWORD .
Nếu cả hai trường hợp trên đều hợp lệ, có nghĩa người dùng nhập liệu vào hai thẻ kia là hợp lệ, phương pháp trả về giá trị TRUE, Form được SUBMIT .
Như vậy tất cả chúng ta sẽ gọi phương pháp CHECKINPUT ( ) trên khi nào, dưới đây là minh họa cách setup và gọi hàm CHECKINPUT ( ) .

action = ” thanhcong.php ? goto = ” onsubmit = ” return checkinput ( ) ; ” >

E-Mail address :

password:

Khi người dùng nhấp vào nút Dang nhap của form, trong biến cố onsubmit bạn gọi phương thức checkinput bằng phát biểu

kích hoạt = ” thanhcong.php ? goto = ” onsubmit = ” return checkinput ( ) ; ” >
Nếu phương pháp checkinput ( ) trả về giá trị true, form này sẽ được submit. Ngược lại trong trường hợp người dùng không nhập địa chỉ E-Mail, password phương pháp trên trả về giá trị false, form trên không được submit. Đồng thời hợp thoại Open thông tin nhập password hoặc E-Mail .

admin