如何在 JavaScript 中使用正则表达式验证表单？

JavaScript 是一种脚本编程语言，也有助于验证用户的信息。你听说过验证表格吗？这里涉及到图片 JavaScript，用于验证和验证的脚本语言。为了更深入地了解这个主题，让我们通过示例来理解。

表单验证：表单验证正在验证最终用户在表单提交期间输入的值。对于验证表单，正则表达式起着至关重要的作用。让我们看看正则表达式是什么意思。

正则表达式：正则表达式是描述字符模式的对象。正则表达式用于对文本执行模式匹配和搜索替换功能。因此，在这方面，JavaScript 在验证值方面发挥着重要作用。为了，对术语有更多的了解，让我们通过一个例子来看看。

让我们通过示例了解如何在 JavaScript 中使用 REGULAR EXPRESSION 来验证表单。

示例 1：表单验证（验证电子邮件）

假设一个注册表单包含最终用户的基本详细信息，例如姓名、电话号码、电子邮件 ID 和地址。当用户输入没有域名和“@”符号的电子邮件 ID 时，表单会显示“不包括域名”的错误。有没有想过这是怎么发生的？这是由于 JavaScript 中的正则表达式造成的。正则表达式可以定义为不正确值的终止符（模式匹配），即“在最终用户输入错误详细信息而不是给定正则表达式时指示错误”。使用的一些字符是“[abc],[^abc],\w,\W,\S”。因此，验证最终用户输入的电子邮件地址是由 JavaScript 完成的。

index.html

  

    creating mailing system
    
        legend {
            display: block;
            padding-left: 2px;
            padding-right: 2px;
            border: none;
        }
    
    
        function validate() {
  
            var user = document.getElementById("e").value;
            var user2 = document.getElementById("e");
            var re = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
            if (re.test(user)) {
                alert("done");
                return true;
            }
            else {
                user2.style.border = "red solid 3px";
                return false;
            }
        }
    

  

    
        Email Registration
        
            
                Registation Form
                
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        Gender:
                        
                            male
                            female
                            others
                        
                    
                    
                    
                    
                
            
        
    

  

输出：

这张图片显示用户输入了一个完美的电子邮件地址，因此接受了表单并完成了注册。当一个人输入错误的电子邮件时，电子邮件的文本框会以红色边框突出显示，表示这是一个错误。

不合规电邮

正确的电子邮件和表单已提交

示例 2：表单验证（验证电话号码）

假设假设相同的注册表单。有没有想过为什么这个数字只能从 6、7、8、9 开始，而不是其余的数字。在这里，图片也由正则表达式播放，这有助于验证一个人的正确手机号码。限制用户只输入 10 位数字，其中第一个数字应该是数字“6,7,8,9”，其余数字可以是 0-9 之间的任何数字，纯粹由正则表达式“[^6-9] [,0-9]”，这有助于验证表格输入的信息是否与指定的模式相关。

索引.html

  

    
        legend {
            display: block;
            padding-left: 2px;
            padding-right: 2px;
            border: none;
        }
    
  
    
        function validate() {
  
            var user = document.getElementById("c").value;
            var user2 = document.getElementById("c");
            var re = /^[7-9][0-9]{9}$/;
            if (re.test(user)) {
                alert("done");
                return true;
            }
            else {
  
                user2.style.border = "red solid 3px";
                return false;
            }
        }
    

  

    
        Email Registration
        
            
                Registation Form
                
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        
                    
                    
                    
                        Gender:
                        
                            male
                            female
                            others
                        
                    
                    
                    
                        
                    
                
            
        
    

  

输出：

这张图片显示用户输入了一个完美的电话号码，因此接受了表单并完成了注册。输入错误的电话号码后，电话号码的文本框会以红色边框突出显示，表明这是一个错误。

正确的联系方式和电子邮件，以便提交表格

无效的电子邮件和联系方式

因此，可以通过网页中的 JavaScript 来验证表单。它应该与作为标记语言的 HTML 相关联。尽管许多其他语言都用于验证，但 JavaScript 是学习如何理解网页中执行的验证的基本方法。