AngularJS Input Validation<\/p>\n
AngularJS \u09aa\u09cd\u09b0\u09df\u09cb\u0997\u0995\u09c3\u09a4 Data \u098f\u09b0 \u09ac\u09c8\u09a7\u09a4\u09be \u0997\u09a0\u09a8 \u098f\u09ac\u0982 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a8 \u0995\u09b0\u09c7<\/p>\n
Input Validation<\/p>\n
\u09aa\u09c2\u09b0\u09cd\u09ac\u09ac\u09b0\u09cd\u09a4\u09c0 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09ae\u09b0\u09be AngularJS forms and controls \u09b6\u09bf\u0996\u09c7\u099b\u09bf\u09b2\u09be\u09ae
\nAngularJS \u09aa\u09cd\u09b0\u09df\u09cb\u0997\u0995\u09c3\u09a4 Data \u098f\u09b0 \u09ac\u09c8\u09a7\u09a4\u09be \u0997\u09a0\u09a8 \u098f\u09ac\u0982 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a8 \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09bf\u0995\u09c7 \u09ad\u09c1\u09b2 \u09a4\u09a5\u09cd\u09af Input \u0995\u09b0\u09be\u09b0 \u09b8\u09ae\u09df Notify (\u09b8\u09a4\u09b0\u09cd\u0995) \u0995\u09b0\u09c7<\/p>\n
Client-side validation \u098f\u0995\u09be \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09bf\u09b0 input \u09a4\u09a5\u09cd\u09af\u0995\u09c7 \u09a8\u09bf\u09b0\u09be\u09aa\u09a4\u09cd\u09a4\u09be \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 \u09a8\u09be, Server side validation \u0993 \u09a6\u09b0\u0995\u09be\u09b0 \u098f\u0987 \u099c\u09a8\u09cd\u09af<\/p>\n
Application Code<\/p>\n
DOCTYPE html>
\n<html><\/p>\n
<head><\/p>\n
<\/head><\/p>\n
<body>
\n<h2>Validation Example<\/h2><\/p>\n
<form ng-app=”” ng-controller=”validateCtrl”
\nname=”myForm” novalidate><\/p>\n
<p>Username:<br>
\n<input type=”text” name=”user” ng-model=”user” required>
\n<span style=”color:red” ng-show=”myForm.user.$dirty && myForm.user.$invalid”>
\n<span ng-show=”myForm.user.$error.required”>Username is required.<\/span>
\n<\/span>
\n<\/p><\/p>\n
<p>Email:<br>
\n<input type=”email” name=”email” ng-model=”email” required>
\n<span style=”color:red” ng-show=”myForm.email.$dirty && myForm.email.$invalid”>
\n<span ng-show=”myForm.email.$error.required”>Email is required.<\/span>
\n<span ng-show=”myForm.email.$error.email”>Invalid email address.<\/span>
\n<\/span>
\n<\/p><\/p>\n
<p>
\n<input type=”submit”
\nng-disabled=”myForm.user.$dirty && myForm.user.$invalid ||
\nmyForm.email.$dirty && myForm.email.$invalid”>
\n<\/p><\/p>\n
<\/form><\/p>\n
<script>
\nfunction validateCtrl($scope) {
\n$scope.user = ‘John Doe’;
\n$scope.email = ‘john.doe@gmail.com’;
\n}
\n<\/script><\/p>\n
<\/body>
\n<\/html><\/p>\n
\u09a8\u09bf\u099c\u09c7 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09c1\u09a8<\/p>\n
The HTML \u098f\u09b0 \u0985\u09ac\u09c8\u09a7\u0997\u09c1\u09a8 (novalidate) \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df default browser validation \u0985\u0995\u09cd\u09b7\u09ae (Disable) \u0995\u09b0\u09a4\u09c7<\/p>\n
\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u09c7\u09b0 \u09ac\u09cd\u09af\u0996\u09be\u0983<\/p>\n
AngularJS \u09a8\u09bf\u09b0\u09a6\u09c7\u09b6\u0995 ng-model input \u09a1\u09be\u0981\u099f\u09be \u0997\u09c1\u09b2\u0995\u09c7 \u098f\u0995\u099f\u09be \u09ae\u09a1\u09c7\u09b2\u09c7\u09b0 \u09ae\u09be\u09a7\u09ae\u09c7 \u09b8\u09be\u099c\u09bf\u09df\u09c7 \u09ab\u09c7\u09b2\u09c7<\/p>\n
The model object \u098f\u09b0 \u09a6\u09c1\u0987\u099f\u09be \u0985\u0982\u09b6 \u0986\u099b\u09c7 : User \u0986\u09b0 Email<\/p>\n
ng-show \u098f\u09b0 \u0995\u09be\u09b0\u09a8\u09c7 , spans \u09b2\u09be\u09b2 \u09b0\u0999\u09cd\u0997\u09c7 \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09bf\u09a4 \u09b9\u09df \u09a4\u0996\u09a8 \u0987 \u09af\u0996\u09a8 User \u0985\u09a5\u09ac\u09be Email $dirty (\u09a4\u09cd\u09b0\u09c1\u099f\u09bf \u09aa\u09c2\u09b0\u09cd\u09a3 ) and $invalid(\u0985\u09ac\u09c8\u09a7)<\/p>\n","protected":false},"excerpt":{"rendered":"
AngularJS Input Validation AngularJS \u09aa\u09cd\u09b0\u09df\u09cb\u0997\u0995\u09c3\u09a4 Data \u098f\u09b0 \u09ac\u09c8\u09a7\u09a4\u09be \u0997\u09a0\u09a8 \u098f\u09ac\u0982 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a8 \u0995\u09b0\u09c7 Input Validation \u09aa\u09c2\u09b0\u09cd\u09ac\u09ac\u09b0\u09cd\u09a4\u09c0 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09ae\u09b0\u09be AngularJS forms and controls \u09b6\u09bf\u0996\u09c7\u099b\u09bf\u09b2\u09be\u09ae AngularJS \u09aa\u09cd\u09b0\u09df\u09cb\u0997\u0995\u09c3\u09a4 Data \u098f\u09b0 \u09ac\u09c8\u09a7\u09a4\u09be \u0997\u09a0\u09a8 \u098f\u09ac\u0982 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a8 \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09bf\u0995\u09c7 \u09ad\u09c1\u09b2 \u09a4\u09a5\u09cd\u09af Input \u0995\u09b0\u09be\u09b0 \u09b8\u09ae\u09df Notify (\u09b8\u09a4\u09b0\u09cd\u0995) \u0995\u09b0\u09c7 Client-side validation \u098f\u0995\u09be \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09bf\u09b0 input \u09a4\u09a5\u09cd\u09af\u0995\u09c7 \u09a8\u09bf\u09b0\u09be\u09aa\u09a4\u09cd\u09a4\u09be \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 \u09a8\u09be, Server side validation \u0993 … <\/p>\n