无法使HTML5验证正常工作

问题描述：

在AngularJS中使用它时，我无法使html5验证生效。无法使HTML5验证正常工作

我只需要一个字段是必需的，但不是向我显示错误，而是提交表单。

我将不胜感激任何人的关于如何获得html5验证与AngularJS一起使用的输入。

，我有以下设立在我的web.config文件：

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

我有以下的输入框设置有：

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

，我有以下我的母版设置要求的属性：

<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>

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

答

如何提交表单？你听取ng-submit（并且以input type = submit的形式）或者处理ng-点击按钮/项目？

如果处理ng提交表单 - html5验证有效。

答

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.

无法使HTML5验证正常工作

相关推荐