javascript - 严格验证 Javascript xhtml 1.0 中的表单数据，不考虑此实例的服务器端脚本

Question

还有其他关于使用 JavaScript 验证电子邮件地址的问题。还有关于验证表单的问题。但是我无法让我的代码工作，也找不到解决这个特定问题的问题。

编辑

我完全理解，在实时网站中，服务器端验证至关重要。我也了解发送电子邮件确认的值(value)。 (实际上我有一个具有所有这些功能的网站)。我知道如何在 php 中编写垃圾邮件检查代码。

在这种情况下，我被要求验证电子邮件输入字段。我必须严格遵守 xhtml 1.0，因此不能使用“电子邮件”类型，并且不允许我使用服务器端脚本来完成此作业。我无法组织电子邮件确认，必须通过 JavaScript 进行完全检查。

我希望这能澄清我的问题

我正在尝试验证表单的两件事。

检查所有字段是否都有数据。查看是否输入了有效的电子邮件地址。

我能够验证表单字段中的数据，但尝试合并电子邮件检查对我来说很麻烦。

它之前发出警报，但错误地，现在根本没有被调用(或者至少它是这样的)。

一旦我开始工作，我就需要集中精力检查电子邮件地址是否匹配。然而，这是本问题之外的问题。

我只专注于在 javascript 中验证这一点。我不关心这个特定实例中的服务器端(这个问题之外的另一个问题)。谢谢。

function Validate()
        {
            var inputs = [document.getElementById('fname'),_
 document.getElementById('lname'), document.getElementById('email1'),_
 document.getElementById('email2')];

            for(var i = 0; i<inputs.length; i++)
            {
                if(inputs[i].value == '')
                {
                   alert('Please complete all required fields.');
                    return false;
                    }

                    else if ((id =='email1' || 'email2') &&_
(inputs[i].value!= /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/ )){
                        alert('Please enter a valid email address.');
                        return false;
                    }
            }
         }


<form onsubmit="return Validate()"  action="" method="post"  id="contactForm" >
 <input  type="text"  name="fname" id="fname"  />

 <input  type="text"  name="lname" id="lname" />

 <input   type="text"  name="email1"  id="email1" />

 <input   type="text"  name="email2"  id="email2"/>

 <input type="submit" value="submit" name="submit"  />
</form>

旁注 - 格式化换行文本，可以吗(为了发布问题，添加下划线并创建新行以提高可读性？在实际文本中，我没有这个!请告知是否有更简单的方法来格式化我的帖子代码。再次感谢。

编辑2

当我注释掉这个时它就起作用了:

/*else if ((id =='email1' || id=='email2') && (inputs[i].value!= /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/ )){
    alert('Please enter a valid email address.');
        return false;
}*/

因此这有助于解决问题。

Answer 1

我已经看到一个语法错误:

else if ((id =='email1' || 'email2') 

应该是

else if ((id =='email1' || id=='email2') 

从我看到的地方。

另请注意，在任何字段中输入空格也将通过测试:在测试空值时应 trim 字段值。

最后，关于验证电子邮件，这不是您使用正则表达式的方式。请阅读this post有关如何使用 javascript+regex 验证电子邮件的演示。