FormIt example and error highlighting

380 Posts

sparky Reply #1, 13 years, 9 months ago

Using FormIt.Example 1 - Contact Page http://svn.modxcms.com/docs/display/ADDON/FormIt.Example+1+-+Contact+Page the code

<p>[[+fi.error.error_message]]</p>

doesn’t output any errors?

Also how can I change the formfield class on error so I can change the border to red?

Thanks

659 Posts

anso Reply #2, 13 years, 9 months ago

As far as I know, it outputs the error messages like "error when sending mail" or errors while processing the form...
Cheers

380 Posts

sparky Reply #3, 13 years, 9 months ago

So it does - thanks!

I was confusing it with the field validation messages.

That just leaves the 2nd point on how to change the formfield css class to highlight borders in red for error fields.

201 Posts

StevenLangbroek Reply #4, 13 years, 9 months ago

You can highlight the fields by adding the following to your code:

<input type="text" name="fieldname:required" class="large[[!+fi.error.fieldname:notempty=` error`]]" value="[[+fi.fieldname]]" />

Then just add to your stylesheet:

input.error { border: 1px solid red; }

380 Posts

sparky Reply #5, 13 years, 9 months ago

Perfect thanks

I couldn’t find this is in the documentation. Is this type of thing documented somewhere so I don’t have to pester you guys?

201 Posts

StevenLangbroek Reply #6, 13 years, 9 months ago

Well, it uses output filters (Wiki, which is documented, but besides that it’s using logic

. Most add-ons are documented in the Wiki under the MODx Add-ons section.

16 Posts

MIkhaell Reply #7, 13 years, 8 months ago

For me it doesn’t work. (MODx Revolution 2.0.0-en rev7212)

this
[tt][[!+Fi.error.fieldname]][/tt]
returns the value of error.(This mean that working properly)

but this
[tt][[!+Fi.error.fieldname:notempty=`error`]][/tt]
not return any value. It looks like as empty.

Maybe my filters are disabled or not installed?

Marketing WWW i takie tam: http://www.graphicsite.pl

☆ A M B ☆
872 Posts

lossendae Reply #8, 13 years, 8 months ago

Here is what i use:

[[+fi.error.name:isnot=``:then=`class="warning"`]]

And it works.
I remember that it was buggy when using the notempty output filter.

16 Posts

MIkhaell Reply #9, 13 years, 8 months ago

Hmmm .... Your solution actually works!!! THX

I checked the manual and I’m not found a way such as your:
http://rtfm.modx.com/display/revolution20/Input+and+Output+Filters

Where did you get this solution? I searched the whole manual... Hmmm?

Marketing WWW i takie tam: http://www.graphicsite.pl

4 Posts

togi_one Reply #10, 13 years, 1 month ago

Thanks lossendae for:

Here is what i use:

[[+fi.error.name:isnot=``:then=`class="warning"`]]

I think it’s worth mentioning for newbies like myself where to actually insert this code. Here is an example from my form:

<input id="surname" name="surname" type="text" value="[[!+fi.surname]]" tabindex="3" [[+fi.error.surname:isnot=``:then=`class="warning"`]] />* <span class="error">[[!+fi.error.surname]]</span>

NB.

<span class="error">[[!+fi.error.surname]]</span>

prints the default error message: "This field is required." next to the empty field.

And I put this in between my style tags:

	
input.warning {border: 2px solid red}