lên server và lưu vào Database
Biết cách kiểm lỗi dữ liệu vào trong MVC4.
MÔ TẢ
Trong bài này bạn phải tạo trang web thêm mới một mặt hàng. Nếu nhập dữ liệu sai thì trang web sẽ thông báo lỗi tức thì với Jquery. Trang web này không những kiểm lỗi phía client mà còn kiểm lỗi trên server phòng ngừa khi hacker vượt qua tường rào JavaScript.
Sau đây là hình ảnh của trang web khi nhập dữ liệu không đúng
THỰC HIỆN
Bước 1: Bổ sung Annotation vào Model
Bước 2: Bổ sung action Validate()-GET vào ProductController Bước 3: Tạo View Validate.cshtml
Bước 4: Bổ sung Validate()-POST vào ProductController
Bước 1: Bổ sung Annotation vào Model
Trong MVC4, Model được sử dụng để tiếp nhận dữ liệu vào từ giao diện. Nó cũng đồng thời quản lý các thực thể trong CSDL. Bây giờ bạn cọn biết một nhiệm vụ khác là kiểm loại dữ liệu vào. Với các Annotation đánh dấu trên các thuộc tính kết nối với các trường form, bạn có thể kiểm lỗi một cách hiệu quả cả 2 phía client và server.
Sau đây là các annotation được sử dụng để kiểm lỗi:
UnitPrice phải là số dương
Image chỉ chấp nhận ảnh gif, jpg hay png Description không vượt quá 2000 ký tự
Bước 2: Bổ sung action Validate() - GET vào ProductController
Action GET là action chỉđược phép gọi với phương thức GET của web để hiển thị form nhập liệu. Action này chuyển 2 selectlist để hiển thị lên DropDownList của view Validate.cshtml.
Bước 3: Tạo View Validate.cshtml
View Validate.cshtml là form nhập liệu có kiểm soát lỗi dữ liệu đầu vào dựa vào các qui luật kiểm lỗi đã được cài đặt sẵn trong Model.
Bước 4: Bổ sung Validate() - POST vào ProductController
Khi bạn nhấp vào nút [Create] thì form sẽđược kiểm lỗi phía client trước. Nếu tất cảđiều hợp lệ thì dữ liệu form sẽđược chuyển đến action Validate() – POST để xử lý. Tại đây dữ
liệu sẽđược kiểm tra lại một lần nữa. 2 công việc kiểm lỗi được thực hiện ởđây là
ValidateAntiForgeryToken: ngăn chặn yêu cầu giả ModelState.IsValid: kiểm lỗi dữ liệu của tham số model