当前位置:  开发笔记 > 前端 > 正文

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

如何解决《HTML5表单验证仅在我提交表单时有效吗?》经验,为你挑选了1个好方法。

我是HTML5的新手,我有以下疑问.

在页面中我有这种情况:

Inserire la variazione dell'anticipo:

因此,您可以看到我有一个inputtype="number" step="0.01"设置的标签,因为它必须采用十进制数字.

正如您所看到的,我没有

标签,因为我不必提交表单,但是当confermaAnnullaTrasmissione单击按钮时我必须执行jQuery功能.

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

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



1> Marcos Pérez..:

两件事情:

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

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

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

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

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

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

推荐阅读
贾志军
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有