我应该在Web应用程序中显示两条电子邮件ID验证消息吗？

Question

我的网络应用程序上有一个电子邮件地址字段。我有2个案例 a）电子邮件不应该是空的 b）电子邮件应采用适当的格式。

无论用户将其保留为空还是在电子邮件地址中放置了不正确的电子邮件地址，我只会显示一条消息“请输入有效的emailid”。

我的经理说我们应该使用两条验证消息。但我坚持认为这一条信息是足够的。

请建议应该采取什么措施。

更新 ： -

这是我在Yahoo.com登录界面中找到的内容

Answer 1

我认为通知用户发生了什么事总是好的。如果根据您的要求需要电子邮件，那么您应该提示用户提醒他们他们不能将电子邮件字段留空，并且按照标准您应该接受正确的电子邮件格式（[email protected]）。这些都是不同的要求，应该区别对待，以获得更好的用户体验。我使用Parsley.js作为前端表单验证来验证空文本字段和不正确的输入格式。

Answer 2

如果它适合你，请尝试下面，你可以通过jquery来做

<input type="text" name="emailid" id="emailid" placeholder="Email ID">
<input type="submit" id="submit" value="Submit" />

并使用下面的jquery方法进行验证

$(document).ready(function() {
   $('#submit').click(function() {
        var EmailID = $('#emailid').val();
        if ($.trim(EmailID).length == 0) {
            alert('Please enter valid email address');
            e.preventDefault();
        }
        if (validateEmail(EmailID)) {
            alert('Email is valid');
        }
        else {
            alert('Invalid Email Address');
            e.preventDefault();         
        }
    });
});

function validateEmail(EmailID ) {
    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
    if (filter.test(EmailID)) {
        return true;
    }
    else {
        return false;
    }
}​

Answer 3

这是我在Google登录上找到的内容;

Answer 4

对于输入验证，我总是尝试尽可能具体：这是填写表单时常见的用户挫折点之一，并且可能导致许多用户丢失。

这些字符串 - 例如占位符或错误消息 - 可用作与用户互动并设置平台/网站情绪的方式。