పాస్వర్డ్ను సెట్ చేయమని వినియోగదారులను అడిగే ఆన్లైన్ ఫారమ్లను రూపొందించేటప్పుడు పాస్వర్డ్ ఫీల్డ్లను చేర్చడం అవసరం అని నిర్ధారించండి. పాస్వర్డ్ ఫీల్డ్ డిఫాల్ట్గా వినియోగదారు ఇన్పుట్ను దాచిపెడుతుంది, దీని వలన వినియోగదారులు ఎలాంటి అక్షరదోషాలు లేకుండా సరైన పాస్వర్డ్ను వ్రాసినట్లు నిర్ధారించడానికి అనుమతించే ఒక రకమైన యంత్రాంగాన్ని కలిగి ఉండాలి. ఏదైనా అక్షరాలు మరియు పాస్వర్డ్ను తప్పుగా టైప్ చేసినట్లయితే మరియు పాస్వర్డ్ ఫీల్డ్లు సరిపోలడం లేదని నిర్ధారించినట్లయితే, పాస్వర్డ్ని నిర్ధారించడం ఫీల్డ్ వినియోగదారుని వారి పాస్వర్డ్ను మళ్లీ తనిఖీ చేయమని అడుగుతుంది.
ఈ పోస్ట్లో వినియోగదారు ఇన్పుట్కు సరిపోయే HTML ఫారమ్ను రూపొందించడం మా లక్ష్యం పాస్వర్డ్ మరియు పాస్వర్డ్ని నిర్ధారించండి వినియోగదారు సరైన పాస్వర్డ్ని టైప్ చేశారా లేదా ఏదైనా అక్షరదోషాలు చేశారా అని నిర్ధారించడానికి ఫీల్డ్లు.
దశ 1: HTML ఫారమ్
వినియోగదారు ఇన్పుట్ను తీసుకునే HTML ఫారమ్ను తయారు చేయడం మొదటి దశ:
< కేంద్రం >
< h2 > Linux సూచన h2 >
< రూపం >
< p > రహస్య సంకేతం తెలపండి p >
< ఇన్పుట్ రకం = 'పాస్వర్డ్' id = 'పాస్' > < br >< br >
< p > పాస్వర్డ్ని నిర్ధారించండి p >
< ఇన్పుట్ రకం = 'పాస్వర్డ్' id = 'ధృవీకరించు' > < br >< br >
< బటన్ రకం = 'సమర్పించు' క్లిక్ చేయండి = 'పాస్వర్డ్ నిర్ధారణ()' > లాగ్ లో బటన్ >
రూపం >
కేంద్రం >
మేము టైప్ పాస్వర్డ్ యొక్క రెండు ఇన్పుట్ ఫీల్డ్లను మరియు కాల్ చేసే లాగిన్ బటన్ను కలిగి ఉన్న ఒక సాధారణ HTML ఫారమ్ను సృష్టించాము పాస్వర్డ్ నిర్ధారణ() అది క్లిక్ చేసినప్పుడు ఫంక్షన్.
దశ 2: జావాస్క్రిప్ట్ ఫారమ్ ధ్రువీకరణ
ఇప్పుడు మనం లోపల జావాస్క్రిప్ట్ కోడ్ వ్రాస్తాము పాస్వర్డ్ నిర్ధారణ() పాస్వర్డ్ను ధృవీకరించే ఫంక్షన్:
ఫంక్షన్ పాస్వర్డ్ నిర్ధారణ ( ) {
var password = document.getElementById ( 'పాస్' ) .విలువ;
var confirmPassword = document.getElementById ( 'ధృవీకరించు' ) .విలువ;
ఉంటే ( పాస్వర్డ్ == '' ) {
అప్రమత్తం ( 'లోపం: పాస్వర్డ్ ఫీల్డ్ ఖాళీగా ఉంది.' ) ;
} లేకపోతే ఉంటే ( పాస్వర్డ్ == కన్ఫర్మ్ పాస్వర్డ్ ) {
అప్రమత్తం ( 'లాగిన్ చేయబడింది' ) ;
} లేకపోతే {
అప్రమత్తం ( 'దయచేసి మీ పాస్వర్డ్లు సరిపోలినట్లు నిర్ధారించుకోండి.' )
}
}
లోపల పాస్వర్డ్ నిర్ధారణ() ఫంక్షన్ మేము మొదట పాస్వర్డ్ విలువలను పొందుతాము మరియు పాస్వర్డ్ ఫీల్డ్లను నిర్ధారిస్తాము మరియు వాటిని వేరియబుల్స్లో నిల్వ చేస్తాము. మేము వివిధ కేసులను తనిఖీ చేయడానికి షరతులతో కూడిన ప్రకటనలను ఉపయోగిస్తాము.
కేస్ 1: పాస్వర్డ్ ఫీల్డ్ ఖాళీగా ఉంది
మొదటి షరతులతో కూడిన పాస్వర్డ్ ఫీల్డ్ ఖాళీగా ఉందో లేదో తనిఖీ చేస్తుంది. ఫీల్డ్ ఖాళీగా ఉంటే పాస్వర్డ్ను టైప్ చేయమని మేము వినియోగదారుని ప్రాంప్ట్ చేస్తాము:
కేస్ 2: పాస్వర్డ్లు సరిపోలడం
పాస్వర్డ్లు సరిపోలితే వినియోగదారు విజయవంతంగా లాగ్ ఇన్ చేస్తారు:
కేస్ 3: పాస్వర్డ్లు సరిపోలడం లేదు
పాస్వర్డ్లు సరిపోలకపోతే, పాస్వర్డ్లను మళ్లీ టైప్ చేసి, అవి సరిపోలుతున్నాయని నిర్ధారించుకోమని మేము వినియోగదారుని అడుగుతాము:
జావాస్క్రిప్ట్ మరియు HTML కోడ్ కలిసి ఇలా కనిపిస్తుంది:
< html >
< శరీరం >
< కేంద్రం >
< h2 > Linux సూచన h2 >
< రూపం >
< p > రహస్య సంకేతం తెలపండి p >
< ఇన్పుట్ రకం = 'పాస్వర్డ్' id = 'పాస్' > < br >< br >
< p > పాస్వర్డ్ని నిర్ధారించండి p >
< ఇన్పుట్ రకం = 'పాస్వర్డ్' id = 'ధృవీకరించు' > < br >< br >
< బటన్ రకం = 'సమర్పించు' క్లిక్ చేయండి = 'పాస్వర్డ్ నిర్ధారణ()' > లాగ్ లో బటన్ >
రూపం >
కేంద్రం >
శరీరం >
< స్క్రిప్ట్ >
ఫంక్షన్ పాస్వర్డ్ నిర్ధారణ ( ) {
var password = document.getElementById ( 'పాస్' ) .విలువ;
var confirmPassword = document.getElementById ( 'ధృవీకరించు' ) .విలువ;
ఉంటే ( పాస్వర్డ్ == '' ) {
అప్రమత్తం ( 'లోపం: పాస్వర్డ్ ఫీల్డ్ ఖాళీగా ఉంది.' ) ;
} లేకపోతే ఉంటే ( పాస్వర్డ్ == కన్ఫర్మ్ పాస్వర్డ్ ) {
అప్రమత్తం ( 'లాగిన్ చేయబడింది' ) ;
} లేకపోతే {
అప్రమత్తం ( 'దయచేసి మీ పాస్వర్డ్లు సరిపోలినట్లు నిర్ధారించుకోండి.' )
}
}
స్క్రిప్ట్ >
html >
ముగింపు
మానవులు తరచుగా తప్పులు చేయవచ్చు కానీ అది వారి ఖాతాలకు లాగిన్ చేయకుండా వారిని నిరోధించకూడదు. పాస్వర్డ్ను నమోదు చేయడంలో చిన్న పొరపాటు కూడా వినియోగదారు వారి ఖాతాకు యాక్సెస్ను పరిమితం చేస్తుంది. కాబట్టి, వినియోగదారు సరైన పాస్వర్డ్ను నమోదు చేశారని నిర్ధారించుకోవడానికి వారి పాస్వర్డ్ను ఒకటికి రెండుసార్లు తనిఖీ చేయడం ఎల్లప్పుడూ మంచిది.