爲什麼minlength和maxlength驗證不起作用？

-2

我正在使用html在angularjs中編寫代碼。在此輸入MINLENGTH最大長度驗證不工作。在這裏我的代碼的html代碼：爲什麼minlength和maxlength驗證不起作用？

<input type="text" id="healthcomplaint" ng-model="userDetails.healthcomplaint" style="color:#4a5665;" class="form-control" name="healthcomplaint" ng-required="true" ng-minlength="3" ng-maxlength="120" ng-pattern="/^[a-zA-Z0-9\s\[\]\.,\_\/\-#']*$/" tabindex="8"> 
<span class="ng-hide error_txt" ng-show="submitted && info.healthcomplaint.$error.required">Please enter health complaint.</span>  
<span class="ng-hide error_txt" ng-show="info.healthcomplaint.$error.minlength">health complaint should have at least 3 characters.</span> 
<span class="ng-hide error_txt" ng-show="info.healthcomplaint.$error.maxlength">health complaint should not exceed 120 characters.</span>

來源

2016-04-26 shiv

取代submitted &&您可以包括周圍的形式HTML？這裏沒有什麼根本錯誤（'ng-required =「true」'是多餘的，但它是有效的） – jdphenix

thnk u，但它不起作用然後請告訴我替代方案 – shiv

**您是否可以包含周圍的HTML form？**以及來自瀏覽器控制檯的任何錯誤（如果有的話）。 – jdphenix

Working Demo

<form name='myForm' novalidate> 

    <input type="text" id="healthcomplaint" ng-model="userDetails.healthcomplaint" style="color:#4a5665;" class="form-control" name="healthcomplaint" ng-required="true" ng-minlength="3" ng-maxlength="120" ng-pattern="/^[a-zA-Z0-9\s\[\]\.,\_\/\-#']*$/" tabindex="8"> 
    <span class="ng-hide error_txt" ng-show="myForm.healthcomplaint.$dirty && myForm.healthcomplaint.$error.required">Please enter health complaint.</span>  
    <span class="ng-hide error_txt" ng-show="myForm.healthcomplaint.$error.minlength">health complaint should have at least 3 characters.</span> 
    <span class="ng-hide error_txt" ng-show="myForm.healthcomplaint.$error.maxlength">health complaint should not exceed 120 characters.</span> 

    <input type='submit'> 
    </form>

更新

這個模式我從以下span刪除submitted &&。如果你想使用submitted，與myForm.submitted &&

<span class="ng-hide error_txt" ng-show="submitted && info.healthcomplaint.$error.required">Please enter health complaint.</span>

來源

2016-04-26 04:13:24

我的代碼也相同吶....... – shiv

@shiv更新了我的答案。 –

最小長度和最大長度不起作用 – shiv

確保使用novalidate與<form>禁止瀏覽器自帶的驗證。和使用，而不是ng-patternpattern="[0-9]{9}"

來源

2016-04-26 04:02:02 byteC0de

爲什麼minlength和maxlength驗證不起作用？

回答

相關問題