Numberbox validation event?

[joe]

I used a numberbox in a edatagrid.  I also set a max/min range.  If a user enter a number outside of that range, the number box automatically correct it by changing the user's input to one of the border number (max/min).  Is there a way to stop that from happening and just popup a message letting the user know that they have entered a number outside of the range?

Thanks...

[jarry]

Please extend a 'range' validation rule.

Code:

$.extend($.fn.validatebox.defaults.rules,{
	range: {
		validator: function(value,param){
			var min = parseInt(param[0]);
			var max = parseInt(param[1]);
			return value>=min && value<=max;
		},
		message: 'The value must be between {0} and {1}'
	}
})

And then apply it to the numberbox editor.

Code:

editor:{
  type:'numberbox',
  options:{
    validType:'range[10,20]',
    //...
  }
}

[joe]

Thanks for the solution.  The range extension works great.  However, the "message" is not showing up in my edatagrid.  The editable numberbox field turns red but the message is not there.

[jarry]

Please look at this example http://code.reloado.com/anorag4/edit#preview. It works fine.