2015-10-13 150 views
0

在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> 
+0

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

回答

0

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

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

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