javascript - 检查字段是否包含@

Question

我正在使用 JavaScript 来检查表单中的字段是否不为空。一切都很好，它还检查字段中的字符数量。

但现在我希望检查电子邮件字段是否包含“@”和至少一个“.”否则它应该给出(相同的)错误消息。

希望有人能帮助我!

fiddle :
http://jsfiddle.net/43vLT/1/

function isValid(fldId,len) {
var fld = $("#"+fldId);
var val = fld.val();
window.console && console.log(fld,fldId)
if (val == "" || (len && val.length<len)) {
  fld.css("borderColor","red");
  return false;
}      
fld.css("borderColor","black");
return true;
}

$(function() {
$("form").on("submit",function() {
var errormessage = [];

if (!isValid('naam', 10)) {
  errormessage.push("You forgot to fill in your name ");
}
if (!isValid('email')) {
  errormessage.push("You forgot to fill in your email ");
}

if (errormessage.length>0) {
  window.console && console.log("error present");
  $(".error-messages").html(errormessage.join('<br/>')).fadeIn();
  return false;
}
window.console && console.log("success");
return true;
});
});

Answer 1

验证电子邮件的最佳选择是使用正则表达式。确实没有一个伟大的“一刀切”正则表达式可以捕获所有有效类型的电子邮件，因为实际规范允许存在相当多有趣的地址，即使它们不是很流行且广泛使用。你可以看看this guide to regular expressions for matching emails

在你的isValid中你可以添加这样的东西

if ('fldId' === 'email') {
    return /.+@.+\..+/.test(val);
}

正则表达式 /.+@.+\..+/ 只是检查是否包含一些字符、@、更多字符、点以及之后的更多字符。这基本上是对电子邮件地址最简单的检查。您可以从链接中将其更改为一些更好的。

此外，您还可以研究一些 html5 的优点。带有 type=email 的 input 字段将由现代网络浏览器自动进行验证，并且它们很有可能比在网络上闲逛的验证效果更好。