JS表單驗證不在IE中工作

Question

簡單的JS表單驗證似乎在IE中不起作用。 任何幫助都會很棒。 它似乎是在提交表單而不是在電子郵件字段中沒有輸入任何內容時給我提醒。 適用於Chrome，FF，Opera，Safari，而不是IE瀏覽器。

HTML

<form action="index.php" name="loginForm" onsubmit="return validateLoginForm();" method="post" >
    <div class="formBg">
      <input type="text" name="email" id="email" tabindex="1" class="formPos" value="" placeholder="Email" />
      <div class="loginText"><a href="#" class="linkOne">Forgot your password?</a></div>
    </div>
    <div class="formBg">
      <input type="password" name="password" id="password" tabindex="2" class="formPos" value="" placeholder="Password" />
      <div class="loginText">Keep me logged in</div>
    </div>
    <div id="loginBtnFrame">
      <div id="loginBtn">
        <input type="submit" name="submit" id="loginFormBtn" value=" " tabindex="3" />
      </div>
      <div class="slider-frame"><span class="slider-button">no</span></div>
      <input type="checkbox" value="1" id="rememberMe" name="rememberMe" />
    </div>
  </form>

使用Javascript

function validateLoginForm()
{
var x=document.forms["loginForm"]["email"].value;
if (x==null || x=="")
  {
  alert("email must be filled out");
  return false;
  }
}

非常感謝你提前。

Answer 1

對於那些可能遇到同樣問題的人。

我發現IE簡單表單驗證與HTML或一些Jquery'占位符'沖突。 我通過在JS命令中添加'（x == null || x ==“”|| x ==“Email”）'來解決這個問題。 “電子郵件”是占位符文本的位置。 現在按預期工作。