Làm thế nào để Thực hiện Xác Nhận JavaScript Căn bản - những Người Dummies

Bạn có thể thực hiện xác nhận cơ bản bằng cách sử dụng JavaScript cho nhiều loại đầu vào khác nhau. Bài tập đầu tiên thiết lập HTML cho biểu mẫu web. Sau khi bạn hoàn thành bài tập này, bạn sẽ có xác nhận JavaScript được thực hiện cho một biểu mẫu.

1. Mở trình soạn thảo văn bản và tạo một tệp tin trống.

2. Trong tệp, hãy đặt mã HTML sau:

   Biểu mẫu Thông tin Người dùng Tên: * Tên bắt buộc 
   
   Thành phố: 
   Tiểu bang: Alabama California Colorado Florida Illinois New Jersey New York Wisconsin > Số điện thoại: Định dạng: xxx-xxx-xxxx 
   Số loại: Làm việc Trang chủ Xin chọn một lựa chọn 
   Mật khẩu: * Yêu cầu mật khẩu 
   Xác minh mật khẩu: * Mật khẩu không khớp với 
   Lưu tệp dưới dạng biểu mẫu. php trong tài liệu gốc của bạn. 
   
   
   
   
   
   
    
   
   localhost 
   

3. / mẫu. php.

   HTML trông khá xấu, với trường biểu mẫu bị sai lệch và lỗi hiển thị. Bạn có thể sửa nó bằng CSS.
4. Tạo một tập tin văn bản mới trong trình soạn thảo của bạn và nhập CSS sau đây: form fieldset {display: inline-block;}. radioButton {float: không có; Hiển thị nội dòng; lề-phải: 0. 1em; chiều rộng: 2em;} mẫu nhãn {chiều rộng: 8em; lề phải: 1e; phao: trái; text-align: phải; display: block;} đầu vào mẫu {width: 15em;} #submit {margin-top: 2em; float: phải;}. errorClass {background-color: # CC6666;} #errorDiv {col or: red;}. errorFeedback {visibility: hidden;}

   

   Lưu tệp dưới dạng biểu mẫu. css trong tài liệu gốc của bạn.

5. Tệp này đã được tham chiếu trong HTML mà bạn đã tạo ở Bước 2, do đó, không có thay đổi nào khác là cần thiết cho tệp đó.
   

6. Tải lại biểu mẫu. php trong trình duyệt của bạn.

   Với HTML và CSS tại chỗ, đây là lúc để thêm một số JavaScript.

   Lưu ý:

7. Bạn xây dựng mã xác nhận sau trong chương này. Bây giờ, bạn chỉ cần thêm một tệp JavaScript cơ bản.

   

   Tạo một tập tin văn bản mới trong trình soạn thảo của bạn. Đặt mã JavaScript sau trong tệp.
   $ (tài liệu). sẵn sàng (function () {alert ("hello");});

8. Lưu tệp dưới dạng biểu mẫu. js trong tài liệu gốc của bạn.

9. Tải lại biểu mẫu. php trong trình duyệt web của bạn.

   Nhấp vào OK để loại bỏ hộp thoại.
   

10. Trong khi hộp thoại cảnh báo không có gì mới, nó chứng minh rằng bạn đã kết nối HTML và JavaScript chính xác cho bài tập này. Từ đây, bạn có thể làm việc để thêm xác nhận JavaScript vào biểu mẫu. Trước khi làm như vậy, bạn có thể thấy hữu ích khi chia nhỏ một số HTML và CSS mà bạn đã tạo.