如何对 HTML 中的必填字段执行表单验证？

表单数据对于一个网站来说非常重要，需要将正确的表单数据或有效的表单数据提交到表单中。为了确保表单数据有效或强制输入字段，可以使用各种属性。我们将在本文中讨论以下属性，并在示例的帮助下理解。

• 必需的
• 最长长度
• 最小长度
• 最小值和最大值
• 多种的
• 图案

让我们通过示例一一讨论所有要点。

1. 必填属性：如果你想让一个输入项必须由用户输入，你可以使用 required 属性。此属性可用于任何输入类型，例如电子邮件、URL、文本、文件、密码、复选框、收音机等。这有助于将任何输入字段设为必填字段。

句法：

例子：

HTML

  

    
Required Attribute
  
    

        Name:
        
        Email:
        
        Submit
    

  

输出：

2. Maxlength 属性： maxlength 属性帮助我们指定表单中输入字段的最大长度，即最大编号。可以为特定字段输入的字符数。可用于将印度电话号码的最大长度设为 10 位，以防止任何错误的输入数据提交。

句法：

注意：设置 maxlength 属性后，将不允许用户输入比指定字符更多的字符。

例子：

HTML

  

    
Maxlength Attribute
  
    

        Roll No.
        
        Email:
        
        Submit
    

  

输出：

3. Minlength 属性： minlength 属性帮助我们指定表单中输入字段的最小长度，即最小编号。必须为特定字段输入的字符数。将无法猜测的密码或印度电话号码的最小长度设置为 10 位可能很有用，以防止任何错误的输入数据提交。

句法：

注意：设置 minlength 属性后，输入字段将不接受比指定字符少的字符。

例子：

HTML

  

    
minlength Attribute
  
    

        Roll No.
        
        Email:
        
        Submit
    

  

输出：

4. min 和 max 属性：输入字段的 min 和 max 属性用于指定输入字段的最小和最大允许值。我们可以同时使用 min 和 max 来创建一系列允许值。

min 指定输入字段可以具有的最小值，而 max 指定字段的最大值。

min 和 max 属性适用于各种输入类型，例如数字、范围、日期、日期时间、月份、时间和周。我们可以在希望用户输入某个金额的字段中使用这些属性。我们可以设置输入金额的上限和下限。

句法：

例子：

HTML

  

    
Min and max Attributes
  
    

        Amount
        
        Email:
        
        Submit
    

  

输出：

5. Multiple 属性： multiple 属性可以帮助我们允许用户在单个输入字段中输入多个值。 multiple 属性只能用于电子邮件和文件输入类型。

句法：

例子：

HTML

  

    
Multiple Attribute
  
    

        Amount
        
        Email:
        
        Submit
    

  

输出：

6. 模式属性：模式属性定义了提交表单时输入字段的值必须满足的特定模式。 pattern 属性适用于文本、日期、搜索、URL、电话、电子邮件和密码输入类型。我们使用正则表达式或正则表达式来指定模式。在我们希望输入的输入必须仅根据给定模式的情况下，它很有用。不满足模式的输入将不被表单接受。

句法：

例子：

HTML

  

    
Pattern Attribute
  
    

        Tel.
        
        Email:
        
        Submit
    

  

输出：

在上面的示例中，模式指定 Tel.只能由数字组成，长度必须为10。

这就是我们如何制作所需的表单数据或对输入的输入添加某些检查的方法。