我找不到答案。所以我希望它不是多余的..
有一个简单的表单元素:
<label>Email Address:</label>
<input type="text" onblur="validateEmail(this)" />
我正在运行一个验证脚本来检查这个输入值(onBlur)是否有效。效果很好!
现在.. 我想要做的是保持脚本的通用性——所以我不必依赖类名或 ID 来使其工作。
所以我想知道的是如果值不是电子邮件地址,如何对这个字段采取行动。具体来说,我想更改标签的颜色并在字段本身上放置一个红色边框。
这是不起作用的脚本:
var inputTextTest = field.value;
var filter = /^((\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*?)\s*;?\s*)+/;
if ( filter.test(inputTextTest) ) {
var name = field;
$(this).focus();
$(this).css("border","1px");
$(this).css("border-color","red");
} else {
$(this).css("border", "none");
}
我可以看到我对 $(this) 的调用不起作用。那么我如何对这个特定字段采取行动并保持脚本完全通用(即,不依赖于特定的类或 ID 名称)?
提前感谢大家的帮助!