नॉकआउट सत्यापन

Question

मेरे पास asp.net mvc3 प्रोजेक्ट है जहां मैं नॉकआउट बाइंडिंग वाले टेबल पर एक बड़ा संपादन करता हूं। मैं डेटा सहेजते समय आवश्यक और संख्या सत्यापन जैसे सत्यापन करना चाहता हूं। सत्यापन को नकारने का कोई आसान तरीका है। पीएस: मैं रूपों का उपयोग नहीं कर रहा हूं।

Answer 1

Knockout-Validation पर एक नज़र डालें जो knockout documentation में वर्णित है जो स्पष्ट रूप से सेटअप और उपयोग करता है। के तहत: लाइव उदाहरण 1: जबरदस्ती इनपुट सांख्यिक होना

आप see it live in Fiddle

अद्यतन कर सकते हैं: बेला cloudfare CDN का उपयोग कर नवीनतम KO 2.0.3 और 1.0.2 ko.validation उपयोग करने के लिए अद्यतन किया गया है यूआरएल

सेटअप ko.validation करने के लिए:

ko.validation.rules.pattern.message = 'Invalid.'; 

ko.validation.configure({ 
    registerExtenders: true, 
    messagesOnModified: true, 
    insertMessages: true, 
    parseInputAttributes: true, 
    messageTemplate: null 
}); 

सेटअप प्रमाणीकरण नियम, उपयोग करने के लिए extenders

। उदाहरण के लिए:

var viewModel = { 
    firstName: ko.observable().extend({ minLength: 2, maxLength: 10 }), 
    lastName: ko.observable().extend({ required: true }), 
    emailAddress: ko.observable().extend({ // custom message 
     required: { message: 'Please supply your email address.' } 
    }) 
}; 

Answer 2

Knockout.js सत्यापन आसान है लेकिन यह मजबूत नहीं है। आपको हमेशा सर्वर साइड सत्यापन प्रतिकृति बनाना होगा। आपके मामले में (जैसा कि आप knockout.js का उपयोग करते हैं) आप सर्वर पर JSON डेटा भेज रहे हैं और असीमित रूप से वापस भेज रहे हैं, ताकि आप उपयोगकर्ता को यह सोच सकें कि वह क्लाइंट साइड सत्यापन को देखता है, लेकिन असल में यह असीमित सर्वर साइड सत्यापन होगा।

उदाहरण पर एक नज़र डालें upida.cloudapp.net:8080/org.upida.example.knockout/order/create?clientId=1 यह "ऑर्डर बनाएं" लिंक है। "सेव" पर क्लिक करने और उत्पादों के साथ खेलने का प्रयास करें। यह उदाहरण कोडेप्लेक्स से अपिडा लाइब्रेरी (इस लाइब्रेरी का वसंत एमवीसी संस्करण और एएसपीएनटी एमवीसी) का उपयोग करके किया जाता है।

Answer 3

यदि आप KnockoutValidation लाइब्रेरी का उपयोग नहीं करना चाहते हैं तो आप अपना खुद का लिख ​​सकते हैं। एक अनिवार्य क्षेत्र के लिए यहां एक उदाहरण दिया गया है।

आप सभी को एक्सटेंशन या extenders के साथ एक जावास्क्रिप्ट वर्ग जोड़ें, और निम्नलिखित जोड़ें:

ko.extenders.required = function (target, overrideMessage) { 
    //add some sub-observables to our observable 
    target.hasError = ko.observable(); 
    target.validationMessage = ko.observable(); 

    //define a function to do validation 
    function validate(newValue) { 
    target.hasError(newValue ? false : true); 
    target.validationMessage(newValue ? "" : overrideMessage || "This field is required"); 
    } 

    //initial validation 
    validate(target()); 

    //validate whenever the value changes 
    target.subscribe(validate); 

    //return the original observable 
    return target; 
}; 

फिर अपने ViewModel में

आप नमूदार विस्तार से:

self.dateOfPayment: ko.observable().extend({ required: "" }), 

उदाहरण के एक संख्या हैं सत्यापन की इस शैली के लिए ऑनलाइन।