【发布时间】：2014-10-11 18:49:36
【问题描述】：
我有一个表单（使用 div 制作），当我使用下拉菜单选择一个选项时会显示该表单。
我正在使用 ng-options 进行下拉选择。我的问题是我需要支持 IE8。我知道 IE8 不支持 HTML5，我不能使用'required' tag。因此，我尝试使用"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>
【问题讨论】：
-
请定义“似乎不起作用”并显示您迄今为止尝试过的内容...
-
我的意思是“ng-required”在 IE8 上不起作用。验证在 chrome/firefox 上运行良好。我已禁用提交按钮，直到表单有效但在 IE8 上不起作用。它仍然提交。
-
我必须在工作中支持 IE8，我只是继续使用开箱即用的
require，它工作得很好。出于好奇，您如何在 IE8 中对其进行测试？如果您在本地运行您的应用程序，IE8 默认使用 IE7 标准呈现。 -
@Matt 我猜它确实有帮助。如果未填写，这些字段现在会突出显示。我也会测试表单提交。谢谢
-
@Matt 谢谢马特。它奏效了。
标签： javascript html angularjs validation internet-explorer-8