Tôi đang sử dụng knockout.js trong dự án ASP.NET MVC của mình. Tôi đã tìm hiểu cách hiển thị biểu mẫu, nối tiếp một đối tượng JSON và hiển thị dữ liệu với sự trợ giúp của liên kết sau: How to use knockout.js with ASP.NET MVC ViewModels?Xác thực biểu mẫu knockout.js?
Nhưng tôi không thể tìm ra cách xác thực biểu mẫu. Giải pháp tốt nhất để xác thực biểu mẫu là gì?
Tôi đã sử dụng ông Knockout.Validation plugin (https://github.com/Knockout-Contrib/Knockout-Validation) đã làm việc tốt. Nó sử dụng bộ mở rộng trong Knockout để bạn có thể mở rộng các thuộc tính mô hình để bao gồm các quy tắc như các đối sánh yêu cầu, tối thiểu, tối đa hoặc mẫu. Bạn cũng có thể tạo quy tắc tùy chỉnh. Ví dụ: tôi đã tạo một url cho url. Nó cũng có một số quy tắc được xây dựng cho những thứ như email. Tất cả điều này là trong trang github trong tài liệu. Nó có mọi thứ bạn cần để bắt đầu.
Một tùy chọn khác là sử dụng xác thực jquery, cũng hoạt động tốt.
Hãy thử các plugin Knockout.Validation:
Mặc dù câu trả lời được chấp nhận nhưng tôi muốn chia sẻ apporoach của mình. Tôi thích kết hợp jquery với knockout.js và áp dụng jQuery Validation plugin phù hợp rất tốt cho việc xác thực biểu mẫu phía máy khách không phô trương. Nó hoạt động trước khi gửi biểu mẫu và chấp nhận biểu mẫu dưới dạng thông số đầu vào. Something như thế này:
function ViewModel() {
var self = this;
self.firstName = ko.observable();
self.lastName = ko.observable();
self.email = ko.observable();
self.validate = function(form) {
return $(form).validate();
};
};
var viewModel = new ViewModel();
ko.applyBindings(viewModel);
Các validate() hàm được gọi Nếu xác nhận thành công, hình thức sẽ được đệ trình, nếu không, một lỗi sẽ được hiển thị.