Question

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

用户是否将其保留为空或将不正确的电子邮件地址放入电子邮件地址我只显示一条消息＆＃34;请输入有效的emailid＆＃34;。

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

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

更新： -

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

Answer 1

我认为向用户通知正在发生的事情总是好的。如果根据您的要求需要电子邮件，那么您应该提示用户提醒他们他们不能将电子邮件字段留空，并且您应该按照标准接受正确的电子邮件格式（myemail@something.com）。这些都是不同的要求，应该区别对待，以获得更好的用户体验。我使用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

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

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

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

4 个答案: