我已经注意到其他一些类似性质的帖子,但没有人回答我的问题,这就是我发布这个帖子的原因.
我正在尝试创建一个简单的表单,其中每个输入/ textarea元素在由onblur效果和值===""触发时变为红色.以下代码适用于Crhome和IE,但在Firefox'事件未定义' - 即使我正在通过一个事件.
见下面的代码.
//declare gloabl variables
var srcForm = document.myForm;
var nameField = srcForm.nameTxt;
var emailField = srcForm.emailTxt;
var commentsField = srcForm.comments;
//function for field onfocus events
function focusClear (event) {
var eSrc = nuahs.eventUtility.eventSource(event);
if(eSrc.className === "invalid") {
eSrc.className = "";
eSrc.value = "";
}
}
//function for field onblur events
function blurCheck (event) {
var eSrc = nuahs.eventUtility.eventSource(event);
if(eSrc.value === "") {
eSrc.className = "invalid";
eSrc.value = "This field is required";
}
}
//set up …Run Code Online (Sandbox Code Playgroud)