improve form validation

[willi84]

h2. Test-Cases Input-field handling

• simple, required, required => pattern, pattern ... change between

h3. ohne Submit
=> eine Validierung ohne den ersten submit soll nicht stattfinden

• empty input
  ** touch & leave input field => no error message
  ** input data => no error message during typing
  ** input wrong data& leave => no error message
  ** input valid data => no success message
  ** input valid data & leave => no success message
  ** input valid data and go back to invalid => no message
  ** input valid data and go back to empty => no message
  ** delete input by mouse
  ** copy & paste input by mouse

• input with invalid data
  ** touch => no change
  ** edit to success => no change
  *** by mouse
  *** by copy & paste
  ** edit to empty => no change
  *** by mouse
  *** by copy & paste
  ** edit to invalid => no change
  *** required to pattern
  *** pattern to required

• input with valid data
  ** touch => no change
  ** edit to invalid => no change
  *** by mouse
  *** by copy & paste
  ** edit to empty => no change
  *** by mouse
  *** by copy & paste

h3. mit Submit

• empty input =>
  ** touch & leave input field => nix, required-text wird angezeigt
  ** input data => required wird angezeigt und erst bei Verlassen neuer Status angezeigt
  ** input wrong data& leave => required wird angezeigt und erst bei Verlassen neuer Status angezeigt
  ** input valid data => rote Umrandung löst sich auf
  ** input valid data & leave => rote Umrandung löst sich auf
  ** input valid data and go back to invalid => rote Umrandung löst sich auf
  ** input valid data and go back to invalid => rote Umrandung löst sich auf und wieder rot nach kuzer Wartezeit mit Fehlertext
  ** input valid data and go back to invalid & leave => rote Umrandung löst sich auf und wird wieder rot beim Verlassen
  ** input valid data and go back to empty => rote Umrandung löst sich auf => Status reset
  ** delete input by mouse
  ** copy & paste input by mouse

• input with invalid data
  ** touch => ??
  ** edit to success => ??
  *** by mouse
  *** by copy & paste
  ** edit to empty => ??
  *** by mouse
  *** by copy & paste
  ** edit to invalid => ??
  *** required to pattern
  *** pattern to required

• input with valid data
  ** touch => ??
  ** edit to invalid => ??
  *** by mouse
  *** by copy & paste
  ** edit to empty => ??
  *** by mouse
  *** by copy & paste

h3. nach Submit

• Formularfeld soll geleert werden

h2. Gedanken

• sich initiazustand des Controlfields merken