Live form validace včetně callbacků na straně serveru!

Ahoj,
konečně mě napadlo, jak jednoduše podporovat validaci uživatelských callbacků u formulářů i na straně klienta. Nyní byly všechny ty live form validation pluginy pouze náhradou současného alert okna z Nette, podporovaly pouze jednoduchá pravidla.

Já jsem do AppForm přidal podporu pro další signál, kromě submit nyní podporuje i validate, který na POST požadavek odpoví polem chybových hlášek v JSONu:

/**
 * This method is called by presenter.
 * @param  string
 * @return void
 */
public function signalReceived($signal)
{
	if ($signal === 'submit') {
		$this->fireEvents();
	} else if ($signal == 'validate') {
		$post = $this->presenter->request->post;
		if (!isset($post['name']) || !isset($post['value'])) {
			throw new BadSignalException('Bad POST data format.');
		}
		$control = $this[$post['name']];
		$control->value = $post['value'];
		$control->rules->validate();
		$this->presenter->terminate(new JsonResponse(array('errors' => $control->errors)));
	} else {
		throw new BadSignalException("There is no handler for signal '$signal' in {$this->reflection->name}.");
	}
}

Pokusně jsem implementoval i validaci na straně klienta, ale chtělo by to někoho, kdo Javascript umí :o)

if (typeof $ === "function") {
	$(function() {
		$("input[type=text]").blur(function(event) {
			el = event.target;
			action = $(el.form).attr("action");
			$.post(action.replace("-submit", "-validate"), {
				name: el.name,
				value: $(el).val(),
			}, function(data, textStatus, xhr) {
				if (textStatus == "success" && data !== null && typeof data["errors"] !== "undefined") {
					$(el).next('.verror').remove();
					$.each(data["errors"], function(index, error) {
						$(el).after('<label for="' + $(el).attr('id') + '" class="verror">' + error + '</p>');
					});
				}
			}, "json");
		});
	});
}

Správnou implementaci bych si představoval tak, že by využívala netteForms.js a na server by sahala jen v případě, že projdou ta základní pravidla. Pro ušetření zbytečných requestů bych do data-nette-rules přidal ještě informaci o tom, že formulář má na serveru přiřazené nějaké uživatelské callbacky.