Error správy priamo do input

Zdravím,
plánujem vykresľovať formuláre manuálne, prikladám na ukážku jednoduchý formulár:

{form signInForm}
	<div n:foreach="$form->errors as $error" class="card-panel alert danger">{$error}</div>

	<div class="input-field">
		<input id="name-input" n:name=name>
		<label for="name-input">Meno</label>
	</div>

	<div class="input-field">
		<input id="password-input" n:name=password>
		<label for="password-input">Heslo</label>
	</div>

	<input n:name=send class="waves-effect waves-light btn">
{/form}

V takomto stave mi chybové hlášky z JS validácie vyhodí okno a PHP validácia sa mi vypíše do <div>. Existuje nejaký jednoduchý spôsob, ako by som mohol vypísať hlášky priamo do inputu ktorému chyba patrí? Ukážka želaného výsledku:

{form signInForm}
	<div class="input-field">
		<input id="name-input" class="invalid" n:name=name>
		<label for="name-input" data-error="chybová hláška">Meno</label>
	</div>

	<div class="input-field">
		<input id="password-input" class="invalid" n:name=password>
		<label for="password-input" data-error="chybová hláška">Heslo</label>
	</div>

	<input n:name=send class="waves-effect waves-light btn">
{/form}

Nemám problém pridať tieto dáta cez n:class a n:attr. Problém je, že z $form->errors nemám ako zistiť skade chyba pochádza. To isté JS, mám vytvárať vlastnú fronEnd validáciu, alebo sa to nejakým spôsobom dá odchytiť?
Ďakujem