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

0 
 <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" ng-required="true" />
                <span class="error" data-ng-show="cform.firstname.$error.required  && cform.firstname.$dirty">Required!</span>
            </div>
于 2015-06-09T20:29:45.960 回答
-1

即 8 不支持 html 5，Angular 正在使用 html 5，解决问题以在 IE 上使用 Angular，然后使用该模式，因为您不能使用 html 5 元素

于 2013-11-14T08:01:18.933 回答