5

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.

threeleggedrabbit
  • 1,722
  • 2
  • 28
  • 60

2 Answers2

10

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.

nemesv
  • 138,284
  • 16
  • 416
  • 359
1

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

Community
  • 1
  • 1
ebram khalil
  • 8,252
  • 7
  • 42
  • 60