as you might know, within the HTML5 spec we got some new attributes for \[code\]<input>\[/code\] elements, such as \[code\]required\[/code\] and \[code\]pattern\[/code\]. This provides as a great way of validating user-input and we can even visualize it using CSS and pseudo selectors. ExampleHTML\[code\]<input type="number" pattern="\d+" required/>\[/code\]CSS\[code\]input:required:valid { border: 1px solid green;}input:required:invalid { border: 1px solid red;}\[/code\]If that \[code\]<input>\[/code\] element would be part of an \[code\]<form>\[/code\] element, an user wouldn't be able to submit that in \[code\]invalid state\[/code\].However, my question is, what if we want to use those new attributes without \[code\]<form>\[/code\] elements ? Is there a way to access the current state of such an \[code\]<input>\[/code\] node through ECMAscript directly ?Any event ? Any listener ?