Question

我正在尝试在ie8中使用Angular表单验证。这是我的代码：

      <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}}不会在任何浏览器中显示输出。

Answer 1

 <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>

Answer 2

是的，8不支持html 5，Angular正在使用html 5，请在IE上使用角度工作然后使用该模式，因为你不能使用html 5元素

IE中的角度表单验证

2 个答案: