Description
WebWork adds support for client-side validation on top of XWork's standard validation framework. It can be enabled on a per-form basis by specifying validate="true" in the form tag:
Code Block |
---|
|
<ww:form name="test" action="javascriptValidation" validate="true">
...
</ww:form>
|
Note |
---|
A name for the form can be supplied, else the action name will be used as the form name. |
A correct action and namespace attributes must be provided to the <ww:form> tag. For example, the Action named "submitProfile" is used in the "/user" namespace, the following must be used.
Code Block |
---|
|
<ww:form namespace="/user" action="submitProfile" validate="true">
...
</ww:form>
|
While the following will "work" in the sense that the form will function correctly, client-side validation will not:
Code Block |
---|
|
<ww:form action="/user/submitProfile.action" validate="true">
...
</ww:form>
|
All the standard validation configuration steps still apply. Client-side validation uses the same validation rules as server-side validation. If server-side validation doesn't work, then client-side validation won't work either.
Note |
---|
Not all validators support client-side validation. Currently only the followings validators supports client-side validation (xhtml theme). - required validator
- requiredstring validator
- email validator
- url validator
- int validator
|
Note |
---|
Note that the required attribute on many WebWork Tags has nothing to do with client-side validation. It is just used by certain theme (like xhtml) to put a '*' on the field marked as required. |
Building a Validator that supports client-side validation
See Client Validation for an example.