FormIt intuitive input error indicator

64 Posts

Kristoffer Reply #11, 14 years ago

Another way to do it is to use the errTpl property of FormIt.
From the FormIt RTFM:

The wrapper html for error messages. Note: not a chunk, just straight HTML. Default:
<span class="error">[[+error]]</span>

Something like this should do it:

[[!FormIt?
   &hooks=`spam,email`
   &emailTpl=`MyEmailChunk`
   &emailTo=`[email protected]`
   &successMessage=`Thanks for your message.`
   &validate=`name:required`
   &errTpl=`class="error"`
]]

<input type="text" id="name" [[!fi.error.name]] />

The downside is that you can't use the text error messages.

☆ A M B ☆
894 Posts

benmarte Reply #12, 14 years ago

Ojchris the easiest way to achieve what you want would be using something like this:


[[!+fi.error_message:notempty=`
<p>[[!+fi.error_message]]</p>
<ul>
[[!fi.error.name:notempty=`<li>Name is required</li>`]]
[[!fi.error.email:notempty=`<li>Email is required</li>`]]
</ul>`]]

This will display the error message you want at the top and create a list of which fields contain errors, this is untested but in theory it should work.

Let me know if it works, good luck.

Benjamin Marte
Interactive Media Developer
Follow Me on Twitter | Visit my site | Learn MODX

☆ A M B ☆
298 Posts

ojchris Reply #13, 14 years ago

benmarte what can I do whithout you? Thanks this initiates some ideas. Let you how it went.

☆ A M B ☆
298 Posts

ojchris Reply #14, 14 years ago

Kristoffer (from Christopher?) Thanks for your response