Burchak 2 shakli sukut bo'yicha amal qiladi

Shaklni tekshirish bilan chiqish.

Shaklni faqat ariza topshirilganda topshirishni istayman.

ammo bo'sh kirish va tugmani bosish tugmasi bosilgan bo'lsa-da, ariza topshiriladi.

<form name="equipmentForm" #f="ngForm" (ngSubmit)="f.form.valid && addEquipment()" validate>

Kirish shu kabi bo'ladi.

 <input name="equimentId" class="text-input form-control" type="text" [(ngModel)]="model.equipmentNumber" pattern="^[0-9][0-9]{1,19}$" title="Equipment ID. can be upto 20 digits only.">

Holbuki, barcha kodni yozib bo'lmaydi.

bu

f.form.valid formani ishga tushirishdan haqiqiydir

bu kabi narsalarni ochishni xohlagan

<div *ngIf="!model.equipmentModel && f.submitted" class="text-danger">
                        Please enter Equipment Model
</div>

So on submit i want to show bumessage instead of default browser's. but buf.form.valid is goddamn true from default.

0
Lekin boshqa shaklda bo'lmagan narsalar bor. ammo ular orasida juda katta farq yo'q, bir muncha vaqt o'tgach, plunkr joylashadi.
qo'shib qo'ydi muallif manish kumar, manba
Lekin boshqa shaklda bo'lmagan narsalar bor. ammo ular orasida juda katta farq yo'q, bir muncha vaqt o'tgach, plunkr joylashadi.
qo'shib qo'ydi muallif manish kumar, manba
Bu erda muammo emas, men shunga o'xshash shaklga egaman, lekin zarur xususiyatga ega emasman va "f.form.valid" isnt true
qo'shib qo'ydi muallif manish kumar, manba
Bu erda muammo emas, men shunga o'xshash shaklga egaman, lekin zarur xususiyatga ega emasman va "f.form.valid" isnt true
qo'shib qo'ydi muallif manish kumar, manba
yaxshi, chunki sizda naqsh kabi qo'llaniladigan boshqa qoidalar mavjud bo'lsa ham, odatda, agar u bo'sh bo'lsa va talab qilinmasa ega bo'lmasa, u holda joriy bo'ladi, shuning uchun sizning ariza topshirilishining sababi shubhasiz.
qo'shib qo'ydi muallif bergben, manba
yaxshi, chunki sizda naqsh kabi qo'llaniladigan boshqa qoidalar mavjud bo'lsa ham, odatda, agar u bo'sh bo'lsa va talab qilinmasa ega bo'lmasa, u holda joriy bo'ladi, shuning uchun sizning ariza topshirilishining sababi shubhasiz.
qo'shib qo'ydi muallif bergben, manba
bo'sh bo'lsa, ularni bekor qilishni istasangiz, ariza kiritish uchun zarur kodini qo'shishingiz kerak
qo'shib qo'ydi muallif bergben, manba

6 javoblar

kirish teglaringizga zarur xususiyati qo'shilishi kerak, keyin @Cobus Kruger so'zlaganidek, ariza to'ldirilganicha yuborilmaydi.

Shu bilan birga, foydalanuvchi sizning shaklga o'zgartirishlar kiritganligini tekshirish imkonini beruvchi pristine , harom variantlarini ham sinab ko'rishingiz mumkin. bu:

 <form name="equipmentForm" #f="ngForm" (ngSubmit)="f.form.valid && f.form.dirty ? addEquipment() : ''" validate>

va kirish:

 <input name="equimentId" class="text-input form-control" type="text" [(ngModel)]="model.equipmentNumber" pattern="^[0-9][0-9]{1,19}$" title="Equipment ID. can be upto 20 digits only." required />

Bunday holatda, kiritilgan har qanday o'zgarishlarni tekshirib ko'radi va agar ikkala shart bajarilsa, ariza topshiriladi.

2
qo'shib qo'ydi

kirish teglaringizga zarur xususiyati qo'shilishi kerak, keyin @Cobus Kruger so'zlaganidek, ariza to'ldirilganicha yuborilmaydi.

Shu bilan birga, foydalanuvchi sizning shaklga o'zgartirishlar kiritganligini tekshirish imkonini beruvchi pristine , harom variantlarini ham sinab ko'rishingiz mumkin. bu:

 <form name="equipmentForm" #f="ngForm" (ngSubmit)="f.form.valid && f.form.dirty ? addEquipment() : ''" validate>

va kirish:

 <input name="equimentId" class="text-input form-control" type="text" [(ngModel)]="model.equipmentNumber" pattern="^[0-9][0-9]{1,19}$" title="Equipment ID. can be upto 20 digits only." required />

Bunday holatda, kiritilgan har qanday o'zgarishlarni tekshirib ko'radi va agar ikkala shart bajarilsa, ariza topshiriladi.

2
qo'shib qo'ydi

Agar kirishda zarur xususiyati aniqlanadigan bo'lsa, unda qiymat kiritish kerak bo'lmagani holda, ariza topshirilmaydi. Biroq, bu qiymat faqatgina taqdim qilinmagan qiymatlarni qamrab oladi va siz bekor qiymatlarni yaxshi.

Odatiy usul, agar ariza to'g'ri kelmasa, jo'natish tugmasini o'chirib qo'yishdir. Shunga o'xshash:

<button type="submit" [disabled]="!f.form.valid">Submit</button>

Formani tekshirish haqidagi burchak hujjatlari ham buni ko'rsatadi. "Shablonni oddiy shablon shakllari" bo'limining pastki qismiga qarang

0
qo'shib qo'ydi
Ko'rib turganingizdek, bu erda ko'proq kod yozish kerak. Siz bergan kod odatdagi shablonga asoslangan shaklga o'xshaydi, lekin form.valid tekshiruvi reaktiv shaklga o'xshaydi. Iltimos, hech bo'lmaganda f.form uchun kesilgan deklaratsiyani ko'rsating.
qo'shib qo'ydi muallif Cobus Kruger, manba
Xo'sh, bu holda siz yuborish tugmasi ortida tekshiruvni tekshirishingiz kerak bo'ladi. Ko'p holatlarda, odamlar hech qanday ingliz tilidagi fikr-mulohazalarni bildirmaslik uchun yuborish tugmasini o'chirishni yoqtirmaydi. Men aloqador bo'lgan bir xil burchakli doc ham bu haqda bir yo'l ko'rsatadi.
qo'shib qo'ydi muallif Cobus Kruger, manba
yoki kasal bo'lgan plunkr, do'st (hozir ishda), shuning uchun post ishi yomon plunkr kodini qo'ydi
qo'shib qo'ydi muallif manish kumar, manba
Lekin f.form.valid to'g'ri :(
qo'shib qo'ydi muallif manish kumar, manba
yuborish tugmasini o'chirib qo'yish istamayman. Sizning holatlaringizda f.form.valid ham rostdir. Shunday qilib, tugmani buzmaslik kerak
qo'shib qo'ydi muallif manish kumar, manba
Sizga bu erda required xususiyati kerakligini aytayotgan 3 kishini oldingiz, nima kutayotganingizni bilmayman. @manishkumar
qo'shib qo'ydi muallif bergben, manba

Agar kirishda zarur xususiyati aniqlanadigan bo'lsa, unda qiymat kiritish kerak bo'lmagani holda, ariza topshirilmaydi. Biroq, bu qiymat faqatgina taqdim qilinmagan qiymatlarni qamrab oladi va siz bekor qiymatlarni yaxshi.

Odatiy usul, agar ariza to'g'ri kelmasa, jo'natish tugmasini o'chirib qo'yishdir. Shunga o'xshash:

<button type="submit" [disabled]="!f.form.valid">Submit</button>

Formani tekshirish haqidagi burchak hujjatlari ham buni ko'rsatadi. "Shablonni oddiy shablon shakllari" bo'limining pastki qismiga qarang

0
qo'shib qo'ydi
Ko'rib turganingizdek, bu erda ko'proq kod yozish kerak. Siz bergan kod odatdagi shablonga asoslangan shaklga o'xshaydi, lekin form.valid tekshiruvi reaktiv shaklga o'xshaydi. Iltimos, hech bo'lmaganda f.form uchun kesilgan deklaratsiyani ko'rsating.
qo'shib qo'ydi muallif Cobus Kruger, manba
Xo'sh, bu holda siz yuborish tugmasi ortida tekshiruvni tekshirishingiz kerak bo'ladi. Ko'p holatlarda, odamlar hech qanday ingliz tilidagi fikr-mulohazalarni bildirmaslik uchun yuborish tugmasini o'chirishni yoqtirmaydi. Men aloqador bo'lgan bir xil burchakli doc ham bu haqda bir yo'l ko'rsatadi.
qo'shib qo'ydi muallif Cobus Kruger, manba
yoki kasal bo'lgan plunkr, do'st (hozir ishda), shuning uchun post ishi yomon plunkr kodini qo'ydi
qo'shib qo'ydi muallif manish kumar, manba
Lekin f.form.valid to'g'ri :(
qo'shib qo'ydi muallif manish kumar, manba
yuborish tugmasini o'chirib qo'yish istamayman. Sizning holatlaringizda f.form.valid ham rostdir. Shunday qilib, tugmani buzmaslik kerak
qo'shib qo'ydi muallif manish kumar, manba
Sizga bu erda required xususiyati kerakligini aytayotgan 3 kishini oldingiz, nima kutayotganingizni bilmayman. @manishkumar
qo'shib qo'ydi muallif bergben, manba

Siz taklif qilayotgan vazifada siz formani parametr sifatida o'tkazishingiz va keyin tekshirishingiz mumkin. HTML formatida nusxasini olish kerak bo'ladi:

<form name="equipmentForm" #f="ngForm" (ngSubmit)="addEquipment(f)" validate>

Yozuvlarda:

addEquipment(form){
   if(form.invalid){
       return;
   }

   //If it is valid it will continue to here...
}
0
qo'shib qo'ydi

Siz taklif qilayotgan vazifada siz formani parametr sifatida o'tkazishingiz va keyin tekshirishingiz mumkin. HTML formatida nusxasini olish kerak bo'ladi:

<form name="equipmentForm" #f="ngForm" (ngSubmit)="addEquipment(f)" validate>

Yozuvlarda:

addEquipment(form){
   if(form.invalid){
       return;
   }

   //If it is valid it will continue to here...
}
0
qo'shib qo'ydi
Angular Uzbekistan
Angular Uzbekistan
107 ishtirokchilar

Guruh Angular bo'yicha muloqot qilish uchun ochilgan Sizni qiziqtirsa: @nodejs_uz @react_uz @angular_uz @yiiframework_uz @js_uzb @typescript_uzb @vuejs_uz @ngTashkent @laravel_uz @uzdevgroup Ish o'rinlari @UzDev_jobs

ngTashkent
ngTashkent
77 ishtirokchilar

Правила просты: 1. Не хамить 2. Не хейтить 3. Реакт не нужен Ссылки: https://t.me/angular_ru - старший брат https://t.me/angular_uz - ангулар на узбекском @js_uzb @vuejs_uz @react_uz @nodejs_uz @yiiframework_uz @uzdevgroup @UzDev_Jobs @tasdev_talks