Keeps form buttons with [data-button-validated] data attribute in disabled state, until the form passes validation. Extension for nette.ajax.js.

validatedButton.ajax.js

$.nette.ext('validatedButton', {
	load: function () {
		var that = this;
		$('[data-button-validated]').each(function () {
			var button = $(this);
			var form = button.closest('form');
			that.tryEnable(form, button);
			form.find('input, select').on('change input', function () {
				that.tryEnable(form, button);
			});
		});
	}
}, {
	bypassAlert: function () {
		var originalAlert = Nette.addError;
		Nette.addError = function () {};
		return function () {
			Nette.addError = originalAlert;
		};
	},
	enable: function (button) {
		button.removeAttr('disabled');
	},
	disable: function (button) {
		button.attr('disabled', true);
	},
	tryEnable: function (form, button) {
		var restoreAlert = this.bypassAlert();
		var result = Nette.validateForm(form.get(0));
		if (result) {
			this.enable(button);
		} else {
			this.disable(button);
		}
		restoreAlert();
		return result;
	}
});