Question

我在使用javascript验证html表单时遇到了一个奇怪的问题。我对此很新，但我已经用其他语言编程了。

因此，当您点击“Absenden”按钮时，js应该检查是否填写了所有必填字段，到目前为止，只有在请求的字段留空时它才会发出警告。所以在这个简单的函数中有一些错误找不到:(那就是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;
}

某种程度上，电子邮件中的部分从未显示在警报框中。我不知道为什么......我查了一千次输入错字。 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:x@x.xx)');
}

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（有点乱，但它有效）

任何帮助都是非常需要的，因为我甚至不知道如何命名问题以通过谷歌找到答案......

Answer 1

在您链接的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'; }

可能是Javascript的堆栈问题

1 个答案: