我試圖在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}}不會在任何瀏覽器中顯示輸出。
我沒有想法是怎麼回事,即使jsfiddle在IE8中不起作用(驚喜!),但首先嚐試看看是否存在cform.input。$錯誤。您可以使用構建{{cform.input。$ error}}或從{{cform.input}}開始。 – Kath
@Kate {{Cform.input。$ error}}和{{cform.input}}即使在Chrome上也不會顯示任何內容! – symlink