2015-10-13 149 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.