AngularJS التحقق من صحة المدخلات
AngularJS أشكال والضوابط يمكن التحقق من صحة البيانات المدخلة.
التحقق من صحة المدخلات
في الأجزاء السابقة، كنت قد تعلمت المعرفة حول أشكال AngularJS والضوابط.
AngularJS أشكال والضوابط يمكن أن تقدم ميزات التحقق من صحة البيانات وغير القانونية التي يدخلها المستخدم تحذيرا.
 | تحقق من أن العميل لا يمكن ضمان أمن إدخال البيانات المستخدم، وخدمة التحقق من صحة البيانات ضروري أيضا. |
|---|
رمز التطبيق
<! DOCTYPE HTML>
<HTML>
<سيناريو SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
<body>
<H2> التحقق من صحة مثال </ H2 >
<نموذج نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "validateCtrl"
اسم = "myForm" novalidate>
<P> اسم المستخدم: <BR>
<إدخال نوع = "نص" اسم = "المستخدم" نانوغرام طراز = "المستخدم" المطلوب>
<سبان اسلوب = "لون: أحمر " نانوغرام تظهر = ".. MyForm.user $ القذرة && myForm.user $ صالح">
<سبان نانوغرام تظهر = "myForm.user . $ Error.required"> اسم المستخدم ضروري. </ SPAN>
</ SPAN>
</ P>
<P> البريد الالكتروني: <BR>
<إدخال نوع = "البريد الالكتروني" اسم = "البريد الإلكتروني" نانوغرام طراز = "البريد الإلكتروني" المطلوب>
<سبان اسلوب = "لون: أحمر " نانوغرام تظهر = ".. MyForm.email $ القذرة && myForm.email $ باطل">
<سبان نانوغرام تظهر = "myForm.email . $ Error.required"> صندوق البريد أمر لا بد منه. </ SPAN>
<سبان نانوغرام تظهر = "myForm.email . $ Error.email"> صناديق البريد غير المشروعة. </ SPAN>
</ SPAN>
</ P>
<P>
<نوع الإدخال = "تقديم"
نانوغرام المعوقين = "myForm.user. $ القذرة && myForm.user. $ باطلة ||
myForm.email. $ القذرة && myForm.email. $ باطل ">
</ P>
</ النموذج>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'validateCtrl، وظيفة ($ نطاق) {
$ Scope.user = 'فلان الفلاني؛
$ Scope.email = '[email protected]'؛
})؛
</ script>
</ الجسم>
</ HTML>
<HTML>
<سيناريو SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
<body>
<H2> التحقق من صحة مثال </ H2 >
<نموذج نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "validateCtrl"
اسم = "myForm" novalidate>
<P> اسم المستخدم: <BR>
<إدخال نوع = "نص" اسم = "المستخدم" نانوغرام طراز = "المستخدم" المطلوب>
<سبان اسلوب = "لون: أحمر " نانوغرام تظهر = ".. MyForm.user $ القذرة && myForm.user $ صالح">
<سبان نانوغرام تظهر = "myForm.user . $ Error.required"> اسم المستخدم ضروري. </ SPAN>
</ SPAN>
</ P>
<P> البريد الالكتروني: <BR>
<إدخال نوع = "البريد الالكتروني" اسم = "البريد الإلكتروني" نانوغرام طراز = "البريد الإلكتروني" المطلوب>
<سبان اسلوب = "لون: أحمر " نانوغرام تظهر = ".. MyForm.email $ القذرة && myForm.email $ باطل">
<سبان نانوغرام تظهر = "myForm.email . $ Error.required"> صندوق البريد أمر لا بد منه. </ SPAN>
<سبان نانوغرام تظهر = "myForm.email . $ Error.email"> صناديق البريد غير المشروعة. </ SPAN>
</ SPAN>
</ P>
<P>
<نوع الإدخال = "تقديم"
نانوغرام المعوقين = "myForm.user. $ القذرة && myForm.user. $ باطلة ||
myForm.email. $ القذرة && myForm.email. $ باطل ">
</ P>
</ النموذج>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'validateCtrl، وظيفة ($ نطاق) {
$ Scope.user = 'فلان الفلاني؛
$ Scope.email = '[email protected]'؛
})؛
</ script>
</ الجسم>
</ HTML>
محاولة »
| سمات نموذج HTML novalidate لتعطيل المصادقة الافتراضي للمتصفح. |
|---|
أمثلة تحليلية
يستخدم AngularJS تعليمات نانوغرام نموذج لربط عناصر الإدخال إلى النموذج.
كائن نموذج له سمتان: المستخدم والبريد الإلكتروني.
نحن نستخدم قيادة نغ المعرض، اللون: الأحمر في الرسالة هو فقط $ القذرة أو $ عرض صالح.
| ممتلكات | وصف |
|---|---|
| $ القذرة | هناك أشكال لملء سجل |
| $ صالحة | محتويات الحقل مشروعة |
| $ غير صالح | محتويات الحقل غير قانونية |
| $ البكر | لا لملء استمارات سجل |