కోణీయ JS లో ఫారం ధ్రువీకరణను ఎలా అమలు చేయాలి?

ధ్రువీకరణ ఒక పద్ధతి ప్రామాణీకరించండి వినియోగదారు. ఇది వంటి అన్ని వెబ్ టెక్నాలజీలలో ఉపయోగించబడుతుంది మరియు . కానీ ఈ రోజు మన దృష్టి క్రింది క్రమంలో కోణీయ JS లో ధ్రువీకరణపై ఉంటుంది:

• ఫారమ్ ధ్రువీకరణ అంటే ఏమిటి?
• కోణీయ JS లో ఫారం ధ్రువీకరణ
• ఫారం ధ్రువీకరణలో దశలు
• కోడ్

ఫారం ధ్రువీకరణ అంటే ఏమిటి?

ఫారమ్ ధ్రువీకరణ అనేది ఒక టెక్నిక్, దీని ద్వారా మేము HTML ఫారమ్‌ను ధృవీకరించవచ్చు. ఒక వినియోగదారుకు ఒక HTML ఫారమ్ ఉందని మరియు HTML ఫారమ్‌కు వేర్వేరు ఫీల్డ్‌లు ఉన్నాయని అనుకుందాం, ఈ ఫీల్డ్ ఫారమ్ వాలిడేటర్ ద్వారా ధృవీకరించబడుతుంది. .

హాష్ మ్యాప్ మరియు హ్యాష్ టేబుల్ మధ్య జావా తేడా

రెగ్యులర్ వ్యక్తీకరణ మరియు ఫీల్డ్ విలువ ఒకేలా ఉంటే, అప్పుడు మా ఫారమ్ ధృవీకరించబడిందని చెప్పగలను. HTML రూపంలో, ఇమెయిల్, అవసరం, నిమిషం, గరిష్టంగా, పాస్‌వర్డ్ మొదలైన వివిధ రకాల ధృవీకరణలు ఉన్నాయి.

కోణీయ JS లో ఫారం ధ్రువీకరణ

కోణీయ JS లో ఒక ఫారమ్‌ను ఎలా ధృవీకరించగలమో దాని గురించి మాట్లాడుదాం. ఫారమ్‌ను ధృవీకరించడానికి లేదా ఫారం నుండి డేటాను పొందడానికి మేము ఉపయోగించే వివిధ రకాల ఫారమ్ ధ్రువీకరణ లక్షణాలను కోణీయ JS అందిస్తుంది.

• $ చెల్లుతుంది : ఈ ఆస్తి దానిపై సరైన నియమాన్ని వర్తింపజేయడం ద్వారా ఫీల్డ్ చెల్లుబాటు అవుతుందో లేదో చెబుతుంది.

• $ చెల్లదు : పేరు చెల్లని విధంగా ఈ పలకల వాతావరణం ఫీల్డ్ చెల్లదు లేదా దానిపై తగిన నియమం ఆధారంగా కాదు.

• $ సహజమైనది : ఇన్పుట్ ఫీల్డ్ ఉపయోగించబడని రూపంలో ఇది నిజం అవుతుంది.

  
  
  

• $ మురికి : ఇన్పుట్ ఫీల్డ్ ఉపయోగించిన ఫారమ్‌లో ఇది నిజం అవుతుంది.

• $ తాకింది : ఇన్పుట్ అస్పష్టంగా ఉంటే బూలియన్ ట్రూ.

ఫారమ్‌ను యాక్సెస్ చేయడానికి: .

ఇన్‌పుట్‌ను యాక్సెస్ చేయడానికి: ..

ఇప్పుడు ఒక ఉదాహరణతో కోణీయ JS లో ఫారమ్ ధ్రువీకరణను వివరిద్దాం, కాబట్టి మొదట మేము రెండు ఫైళ్ళను తయారు చేస్తాము, ఒకటి app.js మరియు మరొకటి index.html. మా index.htm ఫైల్ కోణీయ ధ్రువీకరణను కలిగి ఉన్న ఒక సాధారణ HTML ఫారమ్‌ను కలిగి ఉంది మరియు మా app.js ఫైల్ index.html పేజీలో ఫారమ్ ధ్రువీకరణను నిర్వహించడానికి బ్యాకెండ్ కోడ్‌ను కలిగి ఉంది.

జావా డబుల్ నుండి పూర్ణాంకానికి మారుతుంది

దిindex.htmlపేజీ విషయాలు దీనితో ఏర్పడతాయిnovalidateఆస్తి మరియు దాని అర్థం ఏమిటి?

ఫారమ్ ట్యాగ్‌లోని నోవాలిడేట్ ఆస్తి మా అనుకూల ఫారమ్ ధ్రువీకరణను ఉపయోగించవచ్చని HTML కి చెబుతుంది. మేము అప్పుడు చెల్లని ఆస్తిని ఇవ్వకపోతే మరియు HTML5 డిఫాల్ట్ ఫారమ్ ధ్రువీకరణ లక్షణాలను ఉపయోగించి HTML ఫారం ధృవీకరిస్తుంది.

ఫారం ధ్రువీకరణలో దశలు

మా రూపంలో, మన ఫారమ్‌లో 6 ఫీల్డ్‌లను సృష్టించాము, ఇవి మొదటి పేరు, చివరి పేరు, ఇమెయిల్, ఫోన్, పాస్‌వర్డ్ మరియు సందేశం.

1. మొదట, మేము అవసరమైన ఫీల్డ్ వాలిడేటర్‌ను జోడిస్తాము, ఈ వాలిడేటర్ ఒక నిర్దిష్ట ఫీల్డ్ అవసరమని వినియోగదారులకు చెబుతుంది.

2. వినియోగదారు ఇమెయిల్ చెల్లుబాటు అయ్యే ఇమెయిల్ ఇవ్వకపోతే తదుపరి ఇమెయిల్ ఫీల్డ్, అప్పుడు మా ఇమెయిల్ వాలిడేటర్ ఇమెయిల్ ధ్రువీకరణ లోపాన్ని విసురుతాడు.

3. మేము మా పాస్‌వర్డ్ ధ్రువీకరణలో కనీస మరియు గరిష్ట పొడవును సెట్ చేసాము కనిష్ట పొడవు 5 మరియు గరిష్ట పొడవు 8 కాబట్టి వినియోగదారు 5 నుండి 8 అక్షరాల మధ్య చెల్లుబాటు అయ్యే పాస్‌వర్డ్ ఇవ్వగలరు.

4. చివరగా, మేము ఫోన్ మరియు అవసరమైన సందేశ ఫీల్డ్‌లను సెట్ చేసాము మరియు ప్రత్యేకంగా, దాఖలు చేసిన ఫోన్‌లో నంబర్ ధ్రువీకరణను వర్తింపజేస్తాము.

కోణీయ JS లో ఫారం ధ్రువీకరణ కోసం కోడ్

index.html

కోణీయ స్కోప్ ఉదాహరణ మొదటి పేరు 
 
ఈ దాఖలు అవసరం
చివరి పేరు 
 
ఈ దాఖలు అవసరం
ఇమెయిల్ 
 
ఈ దాఖలు అవసరం
జావాలో శక్తికి ఎలా పెంచాలి
 
చెల్లుబాటు అయ్యే ఇమెయిల్ కాదు
ఫోన్ 
 
ఈ దాఖలు అవసరం
 
ఇది చెల్లుబాటు అయ్యే ఫోన్ కాదు
పాస్వర్డ్ 
 
ఈ దాఖలు అవసరం
 
5 నుండి 8 అక్షరాల మధ్య పాస్‌వర్డ్
సందేశం 
 
ఈ దాఖలు అవసరం
సమర్పించండి

app.js

var అనువర్తనం = angular.module ('ngValidApp', []) app.controller ('ngValidController', ఫంక్షన్ (ope స్కోప్) {})

రూపంలో ఉపయోగించిన కొన్ని ధ్రువీకరణ ఆదేశం గురించి మాట్లాడుదాం:

• ng- అవసరం : అవసరమైన ఫీల్డ్‌ను అందించడానికి
• ng- షో : షరతు ఆధారంగా దోష సందేశాన్ని చూపించడానికి (ధ్రువీకరణ లక్షణాలను తనిఖీ చేయండి)
• కనిష్ట పొడవు : కనీస పొడవును అందించడానికి
• ng-maxlength : గరిష్ట పొడవును అందించడానికి
• యొక్క నమూనా : నిర్దిష్ట నమూనాతో సరిపోలడానికి
• ng- మోడల్ : Field లోపం, $ చెల్లుబాటు అయ్యే ధ్రువీకరణ లక్షణాలతో ఫీల్డ్‌ను బంధిస్తుంది.

దీనితో, కోణీయ JS వ్యాసంలో ఈ ధ్రువీకరణ ముగింపుకు వచ్చాము. కోణీయ JS లో ఫారమ్ ధ్రువీకరణ కోసం పరిగణించవలసిన వివిధ విషయాల గురించి మీకు అవగాహన వచ్చిందని నేను ఆశిస్తున్నాను.

మీరు కోణీయ ఫ్రేమ్‌వర్క్ గురించి మరింత తెలుసుకోవాలనుకుంటే, మా చూడండి ఇది బోధకుడు నేతృత్వంలోని ప్రత్యక్ష శిక్షణ మరియు నిజ జీవిత ప్రాజెక్ట్ అనుభవంతో వస్తుంది. ఈ శిక్షణ మీకు కోణీయ లోతుగా అర్థం చేసుకోవడానికి సహాయపడుతుంది మరియు ఈ అంశంపై పాండిత్యం సాధించడంలో మీకు సహాయపడుతుంది.

మాకు ప్రశ్న ఉందా? దయచేసి ఈ వ్యాసం యొక్క వ్యాఖ్యల విభాగంలో దీనిని ప్రస్తావించండి మరియు మేము మిమ్మల్ని సంప్రదిస్తాము.