javascript - 在 IE8 上使用 Angularjs 验证输入

Question

我有一个表单(使用 div 制作)，当我使用下拉菜单选择一个选项时会显示该表单。 我正在使用 ng-options 进行下拉选择。我的问题是我需要支持 IE8。我知道 IE8 不支持 HTML5，我不能使用 'required' 标签。因此，我尝试使用 "ng-required" 选项进行表单验证，但它似乎不起作用。我看过 jquery 验证器，但我有很多形式，每个都有不同的标准。例如，我有一个表单，需要在输入框中输入州/国家/地区，这是特定选项所必需的。但是，同一字段对于其他选项是可选的。对我来说，为每个编写验证不是正确的方法，因为我试图利用 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