可能是Javascript的堆棧問題

我有一個奇怪的問題，驗證與JavaScript的HTML表單。我對此很陌生，但我已經用其他語言編程。可能是Javascript的堆棧問題

所以當你點擊「Absenden」按鈕時，js應該檢查是否填寫了所有必填字段，到目前爲止只有在requiered字段留空的情況下它纔會發出警告。因此，在這個簡單的功能有什麼事是無法找到：（這是senden.js）

function initCheck() 
{ 
var error = new String; 
var N = document.getElementById("Name").value; 
var E = document.getElementById("Email").value; 
var F = document.getElementById("Feedback").value; 

if(N.length == 0){ error += 'Bitte geben Sie ihren Nachnamen ein!\n'; } 

if(E.length == 0){ error += 'Bitte geben Sie ihre E-Mail ein!\n'; } 

if(F.length == 0){ error += 'Bitte geben Sie ihr Feedback ein!\n'; } 

alert(error); 

return true; 
}

某種方式與電子郵件的部分永遠不會beeing在警報框中顯示。我不知道爲什麼......我檢查了一千次錯字。此外，Chrome控制檯無法識別任何錯誤。我不明白爲什麼它從來沒有收到電子郵件通知，其餘的工作。

我可以想象，這個問題可能在另一個js函數也可以用在這個頁面上，因爲它也抓取電子郵件文本字段，但它將值保存在一個不同的變量中，並且不會更改原始值，所以不應該有一個問題吧？：（validate.js）

function ValidateEmail() 
{  
    var x = new String; 
    x = document.getElementById("Email").value; 

    if (CheckSyntax(x) == false) { EmailAlert(); } 
    return true; 

} 

function EmailAlert() 
{ 
alert('falsche E-Mail Syntax! (at least like:[email protected])'); 
} 

function CheckSyntax(x) 
{ 
var at = x.indexOf("@"); 
var dot = x.indexOf("."); 
var str3 = (x.length - dot); 

if (x.length == 0) {return false;} 

if(x.length > 255) {return false;} 

if(at <= 1 || at != x.lastIndexOf("@")) { return false; } 

if(dot <= (at + 1)) { return false; } 

if(str3 < 2 || str3 > 4) { return false } 

return true; 
}

和tooltip.js：

function initTooltips() 
{ 

var infodiv = document.createElement('DIV'); 
infodiv.id = 'info'; 
document.getElementsByTagName('body')[0].appendChild(infodiv); 


var liste = document.getElementsByTagName('A'); 

for (var n=0; n<liste.length; n++) 
{ 
    if(liste[n].className.match(/tooltip/)) 
    { 
     liste[n].onmousemove = showTip; 
     liste[n].onmouseout = hideTip; 
    } 
} 


} 
function showTip(ev) 
{ 

if(!ev) { ev = window.event; } 

var infotext = ''; 

for(var n=0; n<this.childNodes.length; n++) 
{ 
    if(this.childNodes[n].tagName == "SPAN") 
    { 
     infotext = this.childNodes[n].innerHTML; break; 
    } 
} 

if(infotext.length) 
{ 
    infodiv = document.getElementById('info'); 
    infodiv.innerHTML = infotext; 

    infodiv.style.display = 'block'; 

    var scrollOffset = getScrollOffset(); 

    infodiv.style.top = ev.clientY + scrollOffset[1] + 20 + 'px'; 
    infodiv.style.left = ev.clientX + scrollOffset[0] + 20 + 'px'; 
} 
} 

function hideTip() 
{ 
document.getElementById('info').style.display = 'none'; 
} 

function getScrollOffset() 
{ 
    var x = 0, y = 0; 
    if (self.pageYOffset)   // all except Explorer 
    { 
     x = self.pageXOffset; 
     y = self.pageYOffset; 
    } 
    else if (document.documentElement && document.documentElement.scrollTop) 
      // Explorer 6 Strict 
    { 
     x = document.documentElement.scrollLeft; 
     y = document.documentElement.scrollTop; 
    } 
    else if (document.body)   // all other Explorers 
    { 
     x = document.body.scrollLeft; 
     y = document.body.scrollTop; 
    } 
    return new Array(x,y); 
}

恐怕有一個與莫名其妙的記憶出了問題？不幸的是，這遠遠超出了我對js的使用體驗......所以如果您有解決問題的想法，請告訴我。

我將其餘的資源附加到pastebin中，所以本文不會太大。

HTML：http://pastebin.com/pjh0vdEJ CSS：http://pastebin.com/nZaVLFCs（有點混亂，但它的工作原理）

任何幫助是非常需要的，因爲我甚至不知道如何命名的問題，找到通過谷歌的答案...

來源

2013-11-15 user2997894

在您鏈接到HTML，默認值具有非零長度：

<input id="Email" type="text" value=" " seize="40" onblur="ValidateEmail()">

...但你的JS是比較爲零：

if(E.length == 0){ error += 'Bitte geben Sie ihre E-Mail ein!\n'; }

來源

2013-11-15 22:19:43 psquared

可能是Javascript的堆棧問題

回答

相關問題