2013-11-04 134 views
1

我試圖在ie8中獲得角度表單驗證。這裏是我的代碼:IE中的角度表單驗證

 <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}}不會在任何瀏覽器中顯示輸出。

+0

我沒有想法是怎麼回事,即使jsfiddle在IE8中不起作用(驚喜!),但首先嚐試看看是否存在cform.input。$錯誤。您可以使用構建{{cform.input。$ error}}或從{{cform.input}}開始。 – Kath

+0

@Kate {{Cform.input。$ error}}和{{cform.input}}即使在Chrome上也不會顯示任何內容! – symlink

回答

-1

IE 8不支持HTML 5,角是使用HTML 5,請周圍的工作,得到IE角工作,然後使用模式,因爲你不能使用HTML 5元

+0

Ie8不支持 wauk

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

http://jsfiddle.net/fLujvgxr/1/ –