Mô hình xem bản đồ để xác nhận KnockoutJS

Question

Tôi đã xây dựng một trang bằng cách sử dụng ASP.NET MVC 2 bằng KnockoutJS, KnockoutJS Mapping plugin, và jQuery 1.7.1. Tôi muốn có thể sử dụng plugin Xác thực KnockoutJS (được tìm thấy here). Tuy nhiên tôi cần phải có cả xác thực phía máy chủ và phía máy khách.

Có thể để các mô hình chế độ xem của tôi ánh xạ tới KnockoutJS Validation plugin sử dụng phương thức .extend() không?

EDIT: Ví dụ. Tự động tắt chức năng này:

[Required] 
public string Firstname { get; set; } 

Into này:

var viewmodel = { 
    firstname: ko.observable().extend({ required: true }); 
} 

Answer 1

Trong Mvc Controls Toolkit Tôi đã triển khai một công cụ cho phép xác thực Mvc thông thường (chú thích dữ liệu hoặc bất kỳ thứ gì) trên knockout.js.Bằng phía máy khách và xác thực phía máy chủ có thể được bật. Hơn nữa, loại bỏ có thể được sử dụng với người trợ giúp Mvc, một số ràng buộc được suy ra tự động, vv

Answer 2

Việc xác Plugin làm việc theo cách mà bạn mở rộng quan sát bạn muốn để xác nhận.

Nó không quan trọng nếu chúng được tạo ra từ ánh xạ, chỉ cần tạo ra một chức năng mà bạn chạy sau khi ánh xạ đã được thực hiện và thêm tất cả các xác nhận bạn muốn.

Hoặc, nếu bạn muốn, bạn có thể sử dụng các ràng buộc xác thực. Đọc Readme trên Github để xác nhận loại trực tiếp và bạn thấy cách họ làm điều đó.

Answer 3

tôi khuyên bạn nên sử dụng được xây dựng trong MVC xác nhận clientside, bạn có thể cần phải gọi nó, hãy thử này:

$.validator.unobtrusive.parse(yourFormElement) 

Mã từ: https://stackoverflow.com/a/5669575/941536

Không chắc chắn nếu MVC2 có xác nhận clientside không phô trương dù , không chắc chắn nếu nâng cấp lên MVC3 sẽ là một lựa chọn cho bạn nếu cần thiết.

Answer 4

Nếu bạn đang sử dụng knockoutj và jquery, tôi đã đưa ra phương pháp rất đơn giản sau đây để xác thực phía khách hàng cơ bản.

Bất cứ nơi nào bạn muốn hiển thị các thông báo lỗi trên trang của bạn, bao gồm một thẻ div như thế này:

<span name="validationError" style="color:Red" 
data-bind="visible: yourValidationFunction(FieldNameToValidate())"> 
* Required. 
</span> 

Rõ ràng bạn cần phải viết "yourValidationFunction" để làm bất cứ điều gì bạn muốn nó làm. Nó chỉ cần trả về true hoặc false, true nghĩa là hiển thị lỗi.

Bạn có thể sử dụng jquery để ngăn người dùng tiếp tục nếu có bất kỳ lỗi xác thực nào được hiển thị. Bạn có thể đã có một nút lưu sẽ kích hoạt chức năng javascript để làm một số ajax hoặc bất cứ điều gì, vì vậy chỉ cần bao gồm này ở phía trên cùng của nó:

if ($("[name='validationError']:visible").length > 0) { 
     alert('Please correct all errors before continuing.'); 
     return; 
    } 

Đây là đơn giản hơn rất nhiều và linh hoạt hơn so với nhiều giải pháp xác nhận khác ra đó. Bạn có thể định vị thông báo lỗi của mình bất cứ nơi nào bạn muốn, và bạn không cần phải tìm hiểu cách sử dụng một số thư viện xác nhận, và phương thức này hoạt động bất kể công nghệ phía máy chủ.