2016-12-21 16 views
0

IE9で動作するフォーム検証を取得しようとしています。私は基本を動作させることができますが、フォームの検証は機能しません。IE9でhtml5フォームの検証が機能しない

IE9ではドロップダウンがうまく動作するので、ブートストラップとjqueryは動作していますが、フォームは検証を実行しません(IE9ではIEが空でなくても失敗しません)。私はIE11でそれを実行するとすべてがうまくいきます。

私はmodernizrでhtml5 shivを推測し、これを修正するでしょう。

どうしたのですか?

<!DOCTYPE html> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    </STYLE> 
    <link href="css/bootstrap.css" rel="stylesheet"> 
    <script src="js/modernizr-2.6.2.js"></script> 
    </head> 
    <body> 

    <div class="container" > 
      <form class="form-signin" METHOD="post" ACTION="agentLogin.asp"> 
      <h2 class="form-signin-heading">Portal login</h2> 
      <label for="username" class="sr-only">User ID</label> 
      <input type="email" id="username" name="username" class="form-control" placeholder="User ID" required autofocus> 
      <label for="password" class="sr-only">Password</label> 
      <input type="password" id="password" name="password" class="form-control" placeholder="Password" required> 
      </div> 
      <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> 
      </form> 
     </div> 
    <div class = "dropdown"> 
     <button type = "button" class = "btn dropdown-toggle" id = "dropdownMenu1" data-toggle = "dropdown"> 
      Topics 
      <span class = "caret"></span> 
     </button> 

     <ul class = "dropdown-menu" role = "menu" aria-labelledby = "dropdownMenu1"> 
      <li role = "presentation"> 
      <a role = "menuitem" tabindex = "-1" href = "#">Java</a> 
      </li> 

      <li role = "presentation"> 
      <a role = "menuitem" tabindex = "-1" href = "#">Data Mining</a> 
      </li> 

      <li role = "presentation"> 
      <a role = "menuitem" tabindex = "-1" href = "#"> 
       Data Communication/Networking 
      </a> 
      </li> 

      <li role = "presentation" class = "divider"></li> 

      <li role = "presentation"> 
      <a role = "menuitem" tabindex = "-1" href = "#">Separated link</a> 
      </li> 
     </ul> 
    </div> 
    <script src="js/jquery-3.1.1.js" type="text/javascript"></script> 
    <script src="js/bootstrap.js"></script> 
    <!--[if lt IE 9]> 
    <script src="js/html5shiv.js" type="text/javascript"></script> 
    <script src="js/respond.min.js" type="text/javascript"></script> 
    <![endif]--> 
    </BODY></HTML> 

答えて

0

頭に追加します。

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]-->

+0

感謝を。私はそれを試みます、私はこのサイト(それは内部のページ)にインターネットを持っていない、なぜ私はローカルファイルを使用した。 –

+0

あなたはdev urlを通してファイルをダウンロードできます。あなたのプロジェクトを保存し、そのファイルの場所を秒で提供する... – Devansh

関連する問題