javascript - 如何仅在提交时进行浏览器默认表单验证？

Question

我有一个广泛使用 HTML5type属性的 Web 表单。我必须以 JSON 格式提交，所以我需要阻止实际提交，转换FormData为 JSON，并POST使用 AJAX。

问题是，我不想自己编写数据验证，我也不认为我想为验证添加更多库。它们没什么太高级的，只是required属性、电话号码、电子邮件、具有一定增量的数字等。我宁愿让浏览器使用自己的机制进行验证，然后在提交脚本的时候接管。

标签： javascripthtmlevent-handlinghtml5-formvalidation

Answer 1

其实很简单。根据输入的类型，每个都可以传递 props 来检查是否需要每个字段，您只需传递required给每个输入。min,max用于数字,type="email"检查电子邮件, maxLength,minLength用于字符串长度检查等。确保也为每个字段传递正确的类型。有关更多数据，请访问W3Schools 的输入解释。不过，出于安全目的，所有检查都应该在后端重新完成。