Knockout validation

by

Have a look at Knockout-Validation which cleanly setups and uses what’s described in the knockout documentation. Under: Live Example 1: Forcing input to be numeric

You can see it live in Fiddle

UPDATE: the fiddle has been updated to use the latest KO 2.0.3 and ko.validation 1.0.2 using the cloudfare CDN urls

To setup ko.validation:

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

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

To setup validation rules, use extenders. For instance:

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.' }
    })
};

More Related Contents:

  1. Can cleanNode() be used to clean binding?
  2. Example of knockoutjs pattern for multi-view applications [closed]
  3. How to force a view refresh without having it trigger automatically from an observable?
  4. Unique ids in knockout.js templates
  5. Prevent event bubbling when using the checked binding in knockoutjs
  6. knockoutjs: can we create a dependentObservable function with a parameter?
  7. What’s the applyBindings’ second parameter used for?
  8. Adding properties to the view model created by using the Knockout JS mapping plugin
  9. Twitter bootstrap 3 Modal with knockout
  10. Specific String validation using regex
  11. How does the SQL injection from the “Bobby Tables” XKCD comic work?
  12. How to get the raw value an field?
  13. Check if inputs are empty using jQuery
  14. How to validate an XML file against an XSD file?
  15. Do I really need to encode ‘&’ as ‘&’?
  16. How to validate date with format “mm/dd/yyyy” in JavaScript?
  17. How to force a html5 form validation without submitting it via jQuery
  18. jQuery: what is the best way to restrict “number”-only input for textboxes? (allow decimal points)
  19. How to check whether a string is a valid HTTP URL?
  20. jQuery Validate – require at least one field in a group to be filled
  21. How to check file types of uploaded files in PHP?
  22. Laravel update model with unique validation rule for attribute
  23. How to display input errors in popup?
  24. How do I validate a date in rails?
  25. jQuery Validation plugin in ASP.NET Web Forms
  26. Validate JSON against JSON Schema C#
  27. Knockout JS mapping plugin without initial data / empty form
  28. Autowired Repository is Null in Custom Constraint Validator
  29. Number in the top-level domain?
  30. MVC Form Validation on Multiple Fields

Leave a Comment