使用变量与获取输入值时 substr() 的不同结果

Question

我在几个地方使用了一些 javascript 来检查电子邮件地址的最后 3 个字符。我不明白的是，为什么当我获取集合变量的子字符串与获取输入值时会得到不同的结果。

下面的代码将警告值：“com”

var email = "blah@test.com";
alert(email.toLowerCase().substr(email.length - 3, 3));

但是，这个获取输入值的代码会使用值警报：“om”

alert($("#email").val().toLowerCase().substr($("#email").length - 3, 3));

谁能给我解释一下为什么上面两行代码有不同的结果？

这是JSFIDDLE

Answer 1

尝试传递文本框的value的length，而不是selected elements的length，

alert($("#email").val().toLowerCase().substr($("#email").val().length - 3, 3));
//-------------------------------------------------------^^^^^

实现这一目标的最佳方法是，

var value = $("#email").val().toLowerCase();
alert(value.substr(-3)); 

以负数传递起始值将从后面剥离字符串。

DEMO