Manejar los mensajes de erroror

La función verifier() del formulario puede devolver errores si los valores de campos ingresados no son correctos; lo veremos más adelante. Para colgar esos errores en el HTML del formulario, se proponen clases CSS y un mecanismo de denominación:

En encabezado de formulario, pueden apareces mensajes globales de error (o de éxito):

[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]

Para cada campo, un mensaje y una clase CSS sobre el item de lista para marcar visualmente el error. Se calcula el mensaje del campo gracias a una variable #ENV{erreurs} que censa en una tabla los errores de campos:

#SET{erreurs,#ENV**{erreurs}|table_valeur{xxx}}
<li class="editer_xxx obligatoire[ (#GET{erreurs}|oui)erreur]">
	[<span class='erreur_message'>(#GET{erreurs})</span>]
</li>

Esto nos da, completo con el formulario precedente:

<div class="formulaire_spip formulaire_demo">
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]

<form action="#ENV{action}" method="post"><div>
	#ACTION_FORMULAIRE{#ENV{action}}
	<ul>
		#SET{erreurs,#ENV**{erreurs}|table_valeur{la_demo}}
		<li class="editer_la_demo obligatoire[ (#GET{erreurs}|oui)erreur]">
			<label for="la_demo">La demo</label>
			[<span class='erreur_message'>(#GET{erreurs})</span>]
			<input type='text' name='la_demo' id='la_demo' value="#ENV{la_demo}" />
		</li>
	</ul>
	<p class="boutons"><input type="submit" class="submit" value="<:pass_ok:>" /></p>
</div></form>
</div>

Autor o autora dani Publicado el: Actualizado: 12/03/23

Traducciones: English, Español, français