Warum funktionieren die minlength- und maxlength-Validierungen nicht?

-2

Ich schreibe Code in angularjs mit HTML. in diesem minlength und maxlength Validierungen arbeiten nicht mein .hier Code HTML-Code:Warum funktionieren die minlength- und maxlength-Validierungen nicht?

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

Quelle

2016-04-26 shiv

Können Sie den HTML-Code für die umgebende Form enthalten? Es gibt nichts grundsätzlich falsch mit dem, was Sie hier haben (das ng-required = "true" ist redundant, aber es funktioniert) – jdphenix

thnk u, aber es funktioniert dann pls sagen mir alternative – shiv

** Können Sie die HTML für die Umgebung enthalten Formular? ** Und etwaige Fehler von der Browser-Konsole, falls vorhanden. – 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>

Update verwenden

ich aus submitted && folgenden span entfernt haben. Wenn Sie submitted verwenden möchten, ersetzen submitted && mit myForm.submitted &&

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

Quelle

2016-04-26 04:13:24

mein Code auch gleich na ....... – shiv

@shiv meine Antwort aktualisiert. –

minlength und maxlength funktionieren nicht – shiv

Stellen Sie sicher, novalidate mit <form> verwenden Browser nativen Validierung zu deaktivieren. statt und dieses Muster ng-patternpattern="[0-9]{9}"

Quelle

2016-04-26 04:02:02 byteC0de

Warum funktionieren die minlength- und maxlength-Validierungen nicht?

Antwort

Verwandte Themen