As an editor using a JS-supporting browser I want to be informed about issues in my input as I type in order to understand where my data is invalid so I can fix it before submitting it.
Problem:
We need to show in-line error messages for each of the fields (lemma, language, spelling variant, lexical category) on Special:NewLexeme so editors can see right away what's wrong with their input.
Screenshots/mockups:
https://www.figma.com/file/XoYktoKEBnC0VIf1SRuxJK/Lexicographical-Data-UI?node-id=472%3A2223
BDD
GIVEN the Special:NewLexeme page
WHEN entering invalid data in one of the fields
THEN an error message is shown next to the field with problematic input data
AND the "Create Lexeme" button is disabled
Acceptance criteria:
- error messages for invalid data are shown inline next to the problematic field
- the "Create Lexeme" button is only enabled when all input is valid