1

Angular フォーム検証を ie8 で動作させようとしています。これが私のコードです：

      <form id="contact-form" name="cform" target="_blank"  >
          <div class="left">
              <div>
                 <div class="group">
                    <label for="firstname">First Name <span class="asterisk">*</span></label><br />
                    <input type="text" name="firstname" id="firstname" data-ng-model="firstname" required />
                    <span class="error" data-ng-show="cform.input.$error.required">Required!</span>
                </div>
                <div class="group">
                    <label for="lastname">Last Name <span class="asterisk">*</span></label><br />
                    <input type="text" name="lastname" id="lastname" data-ng-model="lastname" required />
                    <span class="error" data-ng-show="cform.input.$error.required">Required!</span>
                </div>
              </div>
              <div>
                  <div class="group">
                    <label for="email">Email Address <span class="asterisk">*</span></label><br />
                    <input type="email" id="email" name="email" data-ng-model="email" required />
                    <span class="error" data-ng-show="cform.email.$error.email">Required!</span>
                  </div>
              </div>
              <div>
                  <div class="group">      
                      <label for="phone">Primary Phone Number <span class="asterisk">*</span></label><br />
                      <input type="text" name="phone" id="phone" data-ng-model="phone" required />
                      <span class="error" data-ng-show="cform.input.$error.required">Required!</span>
                  </div>
                  <div class="group">
                      <label for="-secondary-phone">Secondary Phone Number</label><br />
                      <input type="text" name="secondary-phone" id="secondary-phone" />
                  </div>
             </div>
          </div>
          <div class="right">
              <div class="group">
                  <label for="message">Your Message</label><br />
                  <textarea id="message"></textarea>
              </div><br />
              <input type="submit" value="SEND MESSAGE" class="button">
          </div>
      </form>

これは Firefox と Chrome で機能しますが、IE8 では検証エラーは発生しません。問題が何であるか知っている人はいますか？

ありがとう。

更新: これは IE のすべてのバージョンで問題のようです。{{cform.input.$error}} と {{cform.input}} は、どのブラウザーでも出力を表示しません。

4

2 に答える 2

-1

つまり、8 は html 5 をサポートしていません。Angular は html 5 を使用しています。回避策を実行して、Angular を IE で動作させ、パターンを使用します。これは、html 5 要素を使用できないためです。

于 2013-11-14T08:01:18.933 に答える