prakashrajansakthivel
prakashrajansakthivel

Reputation: 2042

Custom Error message for minLength Knockout Validations

I am working with knockout validations . I want to display custom message for min and max length .I have tried with some options and I cant able to achieve it.if anyone achieved it already, please share me how I can do that.

here is what I am trying right now.

var viewModel = {
    firstName: ko.observable().extend({
        minLength: [
            3,
             'Please enter Valid number']

        , maxLength: 10
    }),
}

Do I have to really go for the RegEx for this.

Upvotes: 5

Views: 6444

Answers (2)

ebram khalil
ebram khalil

Reputation: 8331

To customize Native-Rules you need to pass literal object with properties that you want to customize:

For Example:

var viewModel = {
    firstName: ko.observable().extend({
        minLength: {
            params:3,
            message:'Please enter Valid number'
         }
        , maxLength: 10
    }),
}

To get more understanding kindly check this SO answer here

Upvotes: 1

nemesv
nemesv

Reputation: 139798

In you want to provide a custom message you need pass in an object to the validation rule (minLength) with a params property holding the parameter and a message property with the new message:

var viewModel = {
    firstName: ko.observable().extend({
        minLength: { params: 3, message: "Please enter Valid number" }
        , maxLength: 10
    }),
}

Demo JSFiddle.

Upvotes: 10

Related Questions