Question

我在页面上有input name="email"和button。

如何在实时验证此输入以获取有效的电子邮件地址？并为按钮添加一些类，如果有效或“无效”，则为“活动”类。

这是一项小任务，所以我不想使用插件。

由于

Answer 1

我通常使用这个javascript函数在前端验证：

function validateEmail(email) 
{ 
 var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ 
 return email.match(re) 
}

它返回true或false。但无论如何，通常不应该只在前端验证敏感数据，也应该在服务器端验证敏感数据。

Answer 2

$('#email').bind('keyup', function(){
    if(this.value.test([REGULAR_EXPRESSION])
        //doStuff -- add active class
    else
        //doOtherStuff -- add inactive class
});

将[REGULAR_EXPRESSION]替换为此处的正则表达式之一：http://www.regular-expressions.info/email.html

Answer 3

我用它来进行邮件验证 javascript邮件代码

    function ValidateEmail(inputText)
    {
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if(inputText.value.match(mailformat))
    {
    document.form1.text1.focus();
    return true;
    }
    else
    {
    alert("You have entered an invalid email address!");
    document.form1.text1.focus();
    return false;
    }
  }

使用jQuery验证电子邮件

3 个答案: