无法使 HTML5 验证正常工作答案

【问题标题】：Cannot get HTML5 validation to work无法使 HTML5 验证正常工作
【发布时间】：2015-10-13 16:48:30
【问题描述】：

当与 AngularJS 一起使用时，我无法让 html5 验证工作。

我只需要一个必填字段，但它并没有向我显示错误，而是提交了表单。

如果有人就如何让 html5 验证与 AngularJS 一起工作，我将不胜感激。

我的 web.config 文件中有以下设置：

<add key="ClientValidationEnabled" value="true" />
        <add key="UnobtrusiveJavaScriptEnabled" value="true" />

我的母版页中有以下设置：

<form id="userForm" name="userForm">

我有以下输入框设置了必需的属性：

<div class="col-sm-8">

                            <input type="text" class="form-control" placeholder="Enter Check Slip Number" id="txtCDDepositSlipNumber" name="txtCDDepositSlipNumber" ng-model="formCtrl.depositSlip.selectedSlipID" required />

                    </div>

【问题讨论】：

你能发布一个更完整的例子吗？我做了一个小提琴，但我不知道我是否做得对，因为当输入中没有任何内容时我无法提交表单......

标签： angularjs html validation

【解决方案1】：

您如何提交表单？您收听 ng-submit（并以 input type=submit 的形式输入）或处理 ng-click 按钮/项目？

如果句柄 ng-submit the form - html5 验证有效。

【讨论】：

【解决方案2】：

write submit button like:

     <input type="submit" Value="Submit" ng-click="submitForm(model)">

ng-click will trigger the function you have written on angular controller.

by giving type="submit" to input tag validation would properly work on click of submit button.

【讨论】：