Question

我有一个表单（使用divs），当我使用下拉菜单选择一个选项时会显示该表单。我使用ng-options进行下拉选择。我的问题是我需要支持IE8。我知道IE8不支持HTML5，我不能使用'required' tag。因此，我尝试使用"ng-required"选项进行表单验证，但它似乎不起作用。我查看了jquery验证器，但我有很多表单，每个都有不同的标准。例如，我有一个表单，它需要输入框中的State / Country，这是特定选项所必需的。但是，相同的字段对于另一个选项是可选的。对我来说，为每个人编写验证并不是正确的方法，因为我试图利用angularjs。请帮忙。例如，其中一个字段是：

<div style="float:left; width:290px;margin-bottom: 8px;">
  <div style="float:left; margin-right:8px; width: 113px; text-align: right;"> (*)Document Number: </div>
  <div style="float:left; margin-right:8px;width: 160px;">
  <input type="text" ng-model="customerData.docNmbr" placeholder=" Document Number" class="ng-pristine ng-valid" ng-required> </div>
</div>

我的提交按钮是：

<button type="submit" id="submitButton" ng-disabled="userForm.$invalid" class="btn btn-primary">Register</button>

Answer 1

您需要做的是使用其他库modernizr。这个库的主要目标是使用一些新的HTML5功能标准化IE8之类的旧浏览器。如果你想了解更多相关信息，这是一篇很好的文章：

http://www.adobe.com/devnet/dreamweaver/articles/using-modernizr.html

在IE8上使用Angularjs验证输入

1 个答案: