自定义验证规则的问题

Question

I am using knockout.js plugin. I have created a custom validation rule named select for selectlist. I have created a jsfiddle :

http://jsfiddle.net/fQBxM/1/

My problem is when i load the page, the validation message is already shown, but i want to show it only when user submit the form. How can i do this ?

Answer 1

Add a default value '0' to your observable, then the validation won't fire for the initial value:

ko.observable('0').extend({ select: { message : "please select gender" } })

Demo JSfiddle .