HTML5中表单验证的好处

Posted 2023-03-03

html5中表单验证有如下好处：

1、可判断用户是否已填写表单中的必填项目。

2、可判断用户输入的邮件地址是否合法。

3、可判断用户是否已输入合法的日期。

4、可判断用户是否在数据域(numeric field)中输入了文本。

表单验证通常采用策略模式的思想，把一个个验证规则封装成一个函数，比如非空规则、最大长度规则等，不同的输入框选择某一个或者某几个规则进行验证。

扩展资料：

HTML表单一直都是Web的核心技术之一，有了它才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API，方便做更复杂的应用，而不用借助其它javascript框架。

表单有以下几个基本知识点：

1、表单仍是以<form>元素作为容器，可在其中设置基本的提交特性。

2、当用户提交页面时，表单仍然向服务器发送表单控件的值。

3、之前老版本中的表单控件，如text radio checkbox等等，都可以按原有方式使用，尽管增加了新的功能。

4、仍然可以使用javascript操作表单控件。

参考技术A 大概就是可以把数据提交到指定的服务器，另外还有reset这个非常灵活简洁方便，action提交到服务器。把数据都提交。另外可以使用表单元素forms，更为方便。总之最方便的应该就是reset了吧，一键清空所有数据重新输入。 参考技术B 在数据被送往服务器前对html表单中输入的数据进行验证，可以验证比较典型的表单数据，它有如下好处：
1、用户是否已填写表单中的必填项目？
2、用户输入的邮件地址是否合法？
3、用户是否已输入合法的日期？
4、用户是否在数据域 (numeric field) 中输入了文本？