« Return to Thread: Validation and CSS with 4.1.3-SNAPSHOT

Re: Validation and CSS with 4.1.3-SNAPSHOT

by mraible :: Rate this Message:

I discovered (by pure luck) that the following "validators" binding was causing the problem:

<component id="countryField" type="PropertySelection">
<binding name="model" value="countries"/>
<binding name="value" value="user.address.country"/>
<binding name="validators" value="validators:required"/>
<binding name="displayName" value="message:user.address.country"/>
</component>

When I removed the "validators" binding, everything works. Is Dojo's client-side validation incapable of handling <select> elements?

Thanks,

Matt

I've got a new (and very strange) issue with client-side validation. When I click on a submit button in a form, I get a blank popup with no messages in it. If I disable JavaScript, the form submits without any validation errors.

Any idea why there's a popup when no validation errors exist?

Thanks,

Matt

Jessek wrote:

The style related css stuff you want might be helped by looking here:

http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html

(i thought that Andy had made the css style for that stuff inlined
automatically though, maybe there is some other weird collision
happening)

For customization of validation UI - you can do it however you like by
overriding any of the tapestry javascript functions discussed here:

http://tapestry.apache.org/tapestry4.1/javascript/form-validation.html

For example, if you wanted to inline the error messages you could redefine

tapestry.form.validation.summarizeErrors(form, results, profile)

to do something more humane - like
http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages/.

I keep forgetting to add it in but I implemented the humanized style
toaster in dojo (before humanized talked about it) and you can find a
tapestry impl of it here:

http://blog.opencomponentry.com/2007/03/29/philly-is-burning/

If you want text to appear somewhere next to fields it might be
easiest to override:

tapestry.form.validation.handleMissingField(field, profile)
tapestry.form.validation.handleInvalidField(field, profile)

The most up to date API kind of javascript docs can be found here:

http://tapestry.apache.org/tapestry4.1/jsdoc/index.html

On 8/23/07, mraible <matt@raibledesigns.com> wrote:
>
> After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some strange issues
> in regards to validation. When the client-side validation pops up, all I see
> is an "OK" button and nothing else. Are there some CSS styles I need to add
> in order to see the messages?
>
> Also, is it possible to have the errors inlined instead of in a popup?
>
> Screenshot: http://www.nabble.com/file/p12296912/Picture%2B1.png
>
> Thanks,
>
> Matt
>
> --
> View this message in context: http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12296912
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>

--
Jesse Kuhnert
Tapestry/Dojo team member/developer

Open source based consulting work centered around
dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org

« Return to Thread: Validation and CSS with 4.1.3-SNAPSHOT