问HTML5输入属性，通过Javascript访问？

EN

正如您可能知道的，在HTML5规范中，我们为<input>元素提供了一些新的属性，比如required和pattern。这为验证用户输入提供了一个很好的方法，我们甚至可以使用CSS和伪选择器来可视化它。示例

HTML

<input type="number" pattern="\d+" required/>

CSS

input:required:valid {
    border: 1px solid green;
}

input:required:invalid {
    border: 1px solid red;
}

如果<input>元素是<form>元素一部分，则用户将无法在invalid state中提交该元素。

然而，我的问题是，如果我们想使用那些不带<form>元素的新属性，该怎么办？有没有办法直接通过ECMAscript访问这样一个<input>节点的当前状态？

有什么活动吗？有听众吗？