Form notifications

Ask a question Design guidelines

Summary

Form validation is used to provide an interface for validating form fields, and displaying feedback on problems.

Status

API status:	experimental
Included in AUI core?	Not in core You must explicitly require the web resource key.
Web resource key:	`com.atlassian.auiplugin:aui-form-notification`
AMD Module key:	`aui/form-notification`
Experimental since:	5.7

Examples

Code

Setup

Ensure you require the Form Notification module in your javascript initialisation code:

HTML

Create a field with the attribute data-aui-notification-field.

Info messages

Information about a field can be communicated by adding the data-aui-notification-info data attribute. The value of this attribute should be the message you wish to place on the field

Error messages

In the same way, you may put error messages on the field with the data-aui-notification-error data attribute.

Stacked messages

You can stack multiple messages on a field at the same time. This can be done by making the array a JSON array string.