HTML5表单验证仅在我提交表单时有效吗？

问题是,这样做,在我看来,HTML5类型验证不起作用,因为我可以在我的输入标记中插入任何类型的值.是我还是错过了什么？验证仅在提交表单时有效吗？

如何在不提交任何表格的情况下解决此问题并验证我的输入？

两件事情:

首先,type="text"从您的输入中删除.你正在混合type="text"和type="number".

其次,您可以使用HTML5 Validation API验证所有表单或单个表单元素.

 document.getElementById('variazioneAnticipo').checkValidity(); 

如果验证成功与否,该行将返回.

查看有关验证API的这篇有趣文章:

http://www.html5rocks.com/en/tutorials/forms/constraintvalidation