espurna icon indicating copy to clipboard operation
espurna copied to clipboard

WIP web input validation

Open mcspr opened this issue 6 years ago • 0 comments

Just an example 🏎

Instead of alert, report input errors in-place with nice hint highlight (it already says what can be wrong!)

  • Hostname and password regexps moved to input.pattern attribute
  • Check input when typing
  • Report errors using hint coloring + reportValidity
  • Highlight input origin panel in the menu when invalid

Edit: little example about validity thing for inputs: https://googlechrome.github.io/samples/report-validity/ (Yes, it does look really strange on android with Firefox) Edit2: travis broke on npm package fetch :/

mcspr avatar May 26 '18 02:05 mcspr