Ich habe ein Eingabefeld für den Wert Year. Ich habe ng-pattern="/^[0-9]{4}$/"
für den Jahreswert in 4 Ziffern eingegeben.Aber wie kann ich überprüfen, Eingabe Jahr ist zwischen 1950 bis aktuellen Jahr.Wie benutzt man die angularJs-Validierung für das Jahr?
1
A
Antwort
1
Sie ein input[number]min
mit verwenden können und max
Validierung
<body ng-app="app" ng-controller="Ctrl as vm">
<form name="form">
<input type="number" ng-model="year" name="year" min="1950" max="{{vm.currentYear}}"> <br/>
<span ng-if="form.year.$error.min">Year should be at least 1950</span>
<span ng-if="form.year.$error.max">Year can not be in the future!</span>
</form>
<script>
angular.module('app', []).controller("Ctrl", function() {
this.currentYear = new Date().getFullYear();
});
</script>
</body>
Damit wird die min
oder max
Bestätigung $error
Schlüssel auf year
für den Fall gesetzt, dass jemand ein Jahr eingibt, das nicht innerhalb dieser Grenzen liegt.
0
Probieren Sie diese
$scope.currentYear = new Date().getFullYear();
HTML
<input type="number" ng-model="value" min="1950" max="{{currentYear}}">
Verwandte Themen
- 1. C++ - wie benutzt man das Objekt, das die Funktion aufruft?
- 2. Wie benutzt man das neue DayNight Theme?
- 3. Wie benutzt man das Eigenschaften-Maven-Plugin?
- 4. Wie benutzt man das Mapping Plugin für Knockout?
- 5. Wie benutzt man das TreeViewDragDropTarget MVVM
- 6. Wie man das benutzt! Betreiber in Scala?
- 7. Wie benutzt man das eckige Material?
- 8. Wie benutzt man das Favicon von Parent für JDialog?
- 9. Wie benutzt man OCLint für das Cocoa Framework?
- 10. Wie benutzt man Resources.getFraction()?
- 11. Wie benutzt man IE8.js für ie6?
- 12. Wie benutzt man TailCalls?
- 13. Wie benutzt man TextAction
- 14. Wie benutzt man ZendOpCache für Doctrine2 Cache?
- 15. Wie benutzt man JProgressBar?
- 16. Wie benutzt man <p:blockUI> für die gesamte Ansicht?
- 17. Wie man Jackson für Jersey einfach benutzt
- 18. Wie benutzt man die Dateizeitfunktion in PHP?
- 19. Typoskript: Wie benutzt man die bowser typings?
- 20. Wie man ModelMultipleChoiceFilter benutzt?
- 21. Wie benutzt man history.js?
- 22. Wie benutzt man Jquery?
- 23. Wie benutzt man will_paginate?
- 24. Wie benutzt man die Glob-Funktion?
- 25. Wie benutzt man onResume()?
- 26. Wie benutzt man die assert_raises der Nase?
- 27. Wie benutzt man die Konsole in PHP?
- 28. Wie benutzt man org.netbeans.swing.outline?
- 29. Wie benutzt man HorizontalScrollView?
- 30. SMSGATEWAY.ME - Wie benutzt man die PHP API?
Sie haben die Attribute 'name' und' ng-model' vergessen. Ohne diese wird keine Validierung durchgeführt –