numberbox, numberspinner, textbox etc onBeforeChange

[devnull]

Hi;

I need to prevent changes to numberbox and numberspinner based on doing some validation on the new value and old value and this CANNOT be done using a validRule as the formulas maybe complex and involve many variables.

What I really need is an onBeforeChange(nv,ov) method that allows me to return false to prevent the change.

Thanks

[stworthy]

The code below shows how to add the 'onBeforeSetValue' event to the numberbox.

Code:

(function($){
	var setValue = $.fn.numberbox.methods.setValue;
	$.extend($.fn.numberbox.methods, {
		setValue: function(jq, value){
			return jq.each(function(){
				var opts = $(this).numberbox('options');
				if (opts.onBeforeSetValue){
					var oldValue = $(this).numberbox('getValue');
					if (opts.onBeforeSetValue.call(this, value) == false){
						setValue($(this), oldValue);
						return;
					}
				}
				setValue($(this), value);
			})
		}
	})
})(jQuery);

$(function(){
	$('#n1').numberbox({
		onBeforeSetValue: function(value){
			console.log('onBeforeSetValue:'+value);
			return value>10;
		},
		onChange: function(value){
			console.log('onChange:'+value)
		}
	})
})