கோண JS இல் படிவ சரிபார்ப்பை எவ்வாறு செயல்படுத்துவது?



எடுத்துக்காட்டுகளுடன் கோண JS இல் படிவ சரிபார்ப்பை எவ்வாறு செயல்படுத்துவது என்பது பற்றிய விரிவான மற்றும் விரிவான அறிவை இந்த கட்டுரை உங்களுக்கு வழங்கும்

சரிபார்ப்பு என்பது ஒரு முறை அங்கீகரிக்க பயனீட்டாளர். இது போன்ற அனைத்து வலை தொழில்நுட்பங்களிலும் பயன்படுத்தப்படுகிறது மற்றும் . ஆனால் இன்று எங்கள் கவனம் பின்வரும் வரிசையில் கோண JS இல் சரிபார்ப்பில் இருக்கும்:

படிவம் சரிபார்ப்பு என்றால் என்ன?

படிவம் சரிபார்ப்பு என்பது ஒரு நுட்பமாகும், இதன் மூலம் நாம் HTML படிவத்தை சரிபார்க்க முடியும். ஒரு பயனருக்கு ஒரு HTML படிவம் இருப்பதையும், HTML படிவத்தில் வெவ்வேறு புலங்கள் இருப்பதையும் வைத்துக்கொள்வதற்கு ஒரு எளிய எடுத்துக்காட்டு எடுத்துக்கொள்வோம், படிவத்தை சரிபார்க்க விரும்பும்போது இந்த புலம் படிவ சரிபார்ப்பால் சரிபார்க்கப்படுகிறது. .





validation-in-angular-jsவழக்கமான வெளிப்பாடு மற்றும் புல மதிப்பு ஒரே மாதிரியாக இருந்தால், எங்கள் படிவம் சரிபார்க்கப்பட்டது என்று சொல்லலாம். HTML படிவத்தில், மின்னஞ்சல், தேவை, நிமிடம், அதிகபட்சம், கடவுச்சொல் போன்ற பல்வேறு வகையான சரிபார்ப்புகள் உள்ளன.

கோண JS இல் படிவம் சரிபார்ப்பு

கோண JS இல் ஒரு படிவத்தை எவ்வாறு சரிபார்க்கலாம் என்பதைப் பற்றி பேசலாம். படிவத்தை சரிபார்க்க அல்லது படிவத்திலிருந்து தரவைப் பெற நாம் பயன்படுத்தக்கூடிய பல்வேறு வகையான படிவ சரிபார்ப்பு பண்புகளை கோண JS வழங்குகிறது.



  • $ செல்லுபடியாகும் : இந்தச் சொத்து சரியான விதிமுறைகளைப் பயன்படுத்துவதன் மூலம் புலம் செல்லுபடியாகுமா இல்லையா என்பதைக் கூறுகிறது.

  • $ தவறானது : பெயர் தவறானது என இந்த ஓடுகளின் வானிலை புலம் தவறானது அல்லது அதற்கான பொருத்தமான விதியின் அடிப்படையில் இல்லை.

  • $ அசலானது : உள்ளீட்டு புலத்தில் பயன்படுத்தப்படாத படிவத்தில் இது உண்மைக்குத் திரும்பும்.



  • $ அழுக்கு : உள்ளீட்டு புலம் பயன்படுத்தப்படும் படிவத்தில் இது உண்மைக்குத் திரும்பும்.

  • $ தொட்டது : உள்ளீடு மங்கலாக இருந்தால் பூலியன் ட்ரூ.

படிவத்தை அணுக: .

உள்ளீட்டை அணுக: ..

இப்போது கோண JS இல் படிவ சரிபார்ப்பை ஒரு எடுத்துக்காட்டுடன் விளக்குவோம், எனவே முதலில் நாம் இரண்டு கோப்புகளை உருவாக்குகிறோம், ஒன்று app.js மற்றும் மற்றொன்று index.html. எங்கள் index.htm கோப்பில் கோண சரிபார்ப்பு உள்ள எளிய HTML படிவம் உள்ளது மற்றும் index.html பக்கத்தில் படிவ சரிபார்ப்பைக் கையாள எங்கள் app.js கோப்பில் பின்தளத்தில் குறியீடு உள்ளது.

திindex.htmlபக்க உள்ளடக்கங்கள் உருவாகின்றனnovalidateசொத்து மற்றும் சரியாக என்ன அர்த்தம்?

படிவக் குறிச்சொல்லில் உள்ள புதிய சொத்து எங்கள் தனிப்பயன் படிவ சரிபார்ப்பைப் பயன்படுத்தலாம் என்று HTML க்கு சொல்கிறது. நாங்கள் புதிய சொத்துக்களை வழங்கவில்லை என்றால், HTML5 இயல்புநிலை படிவ சரிபார்ப்பு பண்புகளைப் பயன்படுத்தி HTML படிவம் சரிபார்க்கிறது.

c ++ stl நேர்காணல் கேள்விகள்

படிவ சரிபார்ப்பில் படிகள்

எங்கள் படிவத்தில், எங்கள் பெயரில் 6 புலங்களை உருவாக்கியுள்ளோம், இவை முதல் பெயர், கடைசி பெயர், மின்னஞ்சல், தொலைபேசி, கடவுச்சொல் மற்றும் செய்தி.

  1. முதலில், தேவையான புலம் வேலிடேட்டரை நாங்கள் சேர்க்கிறோம், ஒரு குறிப்பிட்ட புலம் தேவை என்று இந்த வேலிடேட்டர் பயனர்களுக்கு சொல்கிறது.

  2. ஒரு பயனர் எந்தவொரு சரியான மின்னஞ்சலையும் கொடுக்கவில்லை என்றால் அடுத்தது மின்னஞ்சல் புலம், பின்னர் எங்கள் மின்னஞ்சல் சரிபார்ப்பு ஒரு மின்னஞ்சல் சரிபார்ப்பு பிழையை வீசுகிறது.

  3. எங்கள் கடவுச்சொல் சரிபார்ப்பில் குறைந்தபட்ச மற்றும் அதிகபட்ச நீளத்தை அமைத்துள்ளோம் குறைந்தபட்ச நீளம் 5 மற்றும் அதிகபட்ச நீளம் 8 ஆக இருப்பதால் பயனர் 5 முதல் 8 எழுத்துகளுக்கு இடையில் சரியான கடவுச்சொல்லை கொடுக்க முடியும்.

  4. இறுதியாக, நாங்கள் தொலைபேசியையும் தேவையான செய்தி புலங்களையும் அமைத்துள்ளோம், குறிப்பாக, தாக்கல் செய்யப்பட்ட தொலைபேசியில் எண் சரிபார்ப்பைப் பயன்படுத்துகிறோம்.

கோண JS இல் படிவ சரிபார்ப்புக்கான குறியீடு

index.html

கோண நோக்கம் உதாரணம் முதல் பெயர் 

தாக்கல் செய்யப்பட்ட இந்த தேவை

ஜாவாவில் ஒரு மொழிபெயர்ப்பாளரை எழுதுதல்
கடைசி பெயர்

தாக்கல் செய்யப்பட்ட இந்த தேவை

மின்னஞ்சல்

தாக்கல் செய்யப்பட்ட இந்த தேவை

சரியான மின்னஞ்சல் அல்ல

தொலைபேசி

தாக்கல் செய்யப்பட்ட இந்த தேவை

இது சரியான தொலைபேசி அல்ல

கடவுச்சொல்

தாக்கல் செய்யப்பட்ட இந்த தேவை

5 முதல் 8 எழுத்துகளுக்கு இடையில் கடவுச்சொல்

செய்தி

தாக்கல் செய்யப்பட்ட இந்த தேவை

சமர்ப்பிக்கவும்

app.js

var app = angular.module ('ngValidApp', []) app.controller ('ngValidController', function (ope scope) {})

படிவத்தில் பயன்படுத்தப்படும் சில சரிபார்ப்பு உத்தரவைப் பற்றி பேசலாம்:

  • ng- தேவை : தேவையான புலத்தை வழங்குவதற்காக
  • ng-show : நிபந்தனையின் அடிப்படையில் பிழை செய்தியைக் காட்ட (சரிபார்ப்பு பண்புகளை சரிபார்க்கவும்)
  • minlength இன் : குறைந்தபட்ச நீளத்தை வழங்குவதற்காக
  • ng-maxlength : அதிகபட்ச நீளத்தை வழங்குவதற்காக
  • of-pattern : ஒரு குறிப்பிட்ட வடிவத்துடன் பொருந்த
  • ng- மாதிரி : $ பிழை, $ செல்லுபடியாகும் போன்ற சரிபார்ப்பு பண்புகளுடன் புலத்தை பிணைக்கிறது.

இதன் மூலம், கோண JS கட்டுரையில் இந்த சரிபார்ப்பின் முடிவுக்கு வருகிறோம். கோண JS இல் படிவ சரிபார்ப்புக்கு பரிசீலிக்கப்பட வேண்டிய பல்வேறு விஷயங்களைப் பற்றிய புரிதல் உங்களுக்கு கிடைத்தது என்று நம்புகிறேன்.

கோண கட்டமைப்பைப் பற்றி மேலும் அறிய நீங்கள் விரும்பினால், எங்கள் பாருங்கள் இது பயிற்றுவிப்பாளர் தலைமையிலான நேரடி பயிற்சி மற்றும் நிஜ வாழ்க்கை திட்ட அனுபவத்துடன் வருகிறது. இந்த பயிற்சி கோண ஆழத்தை புரிந்து கொள்ளவும், இந்த விஷயத்தில் தேர்ச்சி பெறவும் உதவும்.

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? இந்த கட்டுரையின் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களிடம் திரும்புவோம்.