我有一个Web表单，广泛使用HTML type属性。我必须用JSON提交它，所以我需要阻止实际提交，将FormData转换为JSON，并使用 AJAX 发布它。
问题是，我不想自己编写数据验证，而且我也不想为验证添加更多的库。
它们并不太高级，只是required属性、电话号码、电子邮件、具有一定增量的数字等。我宁愿让浏览器使用自己的机制进行验证，然后当提交时，我的脚本将接管。
我有一个Web表单，广泛使用HTML type属性。我必须用JSON提交它，所以我需要阻止实际提交，将FormData转换为JSON，并使用 AJAX 发布它。
问题是，我不想自己编写数据验证，而且我也不想为验证添加更多的库。
它们并不太高级，只是required属性、电话号码、电子邮件、具有一定增量的数字等。我宁愿让浏览器使用自己的机制进行验证，然后当提交时，我的脚本将接管。
1条答案
按热度按时间oxcyiej71#
实际上很简单。根据输入的类型，可以向每个输入传递props以进行检查，比如使每个字段都成为必填字段，您只需向每个输入传递
required。min、max用于数字，type="email"用于检查电子邮件，maxLength、minLength用于字符串长度检查等。确保为每个字段传递正确的类型。要获得更多数据，访问Inputs explaination at W3Schools。不过，出于安全考虑，所有检查都应该在后端重新进行。