ஆன்லைன் படிவங்களை உருவாக்கும் போது, கடவுச்சொல்லை அமைக்க பயனர்களைக் கேட்கும் கடவுச்சொல் புலங்கள் அவசியம் என்பதை உறுதிப்படுத்தவும். கடவுச்சொல் புலமானது பயனரின் உள்ளீட்டை முன்னிருப்பாக மறைக்கிறது, இதனால் பயனர்கள் எந்த எழுத்துப் பிழையும் செய்யாமல் சரியான கடவுச்சொல்லை எழுதியுள்ளீர்கள் என்பதை உறுதிப்படுத்த அனுமதிக்கும் சில வகையான பொறிமுறையை வைத்திருப்பது அவசியமாகும். கடவுச்சொல்லை உறுதிப்படுத்தும் புலமானது, பயனர்கள் ஏதேனும் எழுத்துகளை தவறாக டைப் செய்து, கடவுச்சொல் புலங்கள் பொருந்தவில்லை எனில், கடவுச்சொல்லை மீண்டும் சரிபார்க்கும்படி கேட்கும்.
இந்த இடுகையில், பயனரின் உள்ளீட்டுடன் பொருந்தக்கூடிய HTML படிவத்தை உருவாக்குவதே எங்கள் குறிக்கோள் கடவுச்சொல் மற்றும் கடவுச்சொல்லை உறுதிப்படுத்தவும் பயனர் சரியான கடவுச்சொல்லை தட்டச்சு செய்தாரா அல்லது ஏதேனும் எழுத்துப்பிழைகளை செய்தாரா என்பதை உறுதிப்படுத்தும் புலங்கள்.
படி 1: HTML படிவம்
பயனரின் உள்ளீட்டை எடுக்கும் HTML படிவத்தை உருவாக்குவதே முதல் படி:
< மையம் >
< h2 > லினக்ஸ் குறிப்பு h2 >
< வடிவம் >
< ப > கடவுச்சொல்லை உள்ளிடவும் ப >
< உள்ளீடு வகை = 'கடவுச்சொல்' ஐடி = 'பாஸ்' > < br >< br >
< ப > கடவுச்சொல்லை உறுதிப்படுத்தவும் ப >
< உள்ளீடு வகை = 'கடவுச்சொல்' ஐடி = 'உறுதிப்படுத்து' > < br >< br >
< பொத்தானை வகை = 'சமர்ப்பி' கிளிக் செய்யவும் = 'கடவுச்சொல் உறுதிப்படுத்தல்()' > பதிவு உள்ளே பொத்தானை >
வடிவம் >
மையம் >
நாங்கள் ஒரு எளிய HTML படிவத்தை உருவாக்கியுள்ளோம், அதில் இரண்டு உள்ளீட்டு புலங்கள் வகை கடவுச்சொல் மற்றும் ஒரு உள்நுழைவு பொத்தானை அழைக்கிறது கடவுச்சொல் உறுதிப்படுத்தல்() அதை கிளிக் செய்யும் போது செயல்பாடு.
படி 2: ஜாவாஸ்கிரிப்ட் படிவம் சரிபார்ப்பு
இப்போது ஜாவாஸ்கிரிப்ட் குறியீட்டை உள்ளே எழுதுவோம் கடவுச்சொல் உறுதிப்படுத்தல்() கடவுச்சொல்லை சரிபார்க்கும் செயல்பாடு:
செயல்பாடு கடவுச்சொல் உறுதிப்படுத்தல் ( ) {
var கடவுச்சொல் = document.getElementById ( 'பாஸ்' ) .மதிப்பு;
var confirmPassword = document.getElementById ( 'உறுதிப்படுத்து' ) .மதிப்பு;
என்றால் ( கடவுச்சொல் == '' ) {
எச்சரிக்கை ( 'பிழை: கடவுச்சொல் புலம் காலியாக உள்ளது.' ) ;
} வேறு என்றால் ( கடவுச்சொல் == உறுதிப்படுத்தல் கடவுச்சொல் ) {
எச்சரிக்கை ( 'உள்நுழையப்பட்டது' ) ;
} வேறு {
எச்சரிக்கை ( 'உங்கள் கடவுச்சொற்கள் பொருந்துவதை உறுதிப்படுத்தவும்.' )
}
}
உள்ளே கடவுச்சொல் உறுதிப்படுத்தல்() செயல்பாடு நாம் முதலில் கடவுச்சொல்லின் மதிப்புகளைப் பெறுகிறோம் மற்றும் கடவுச்சொல் புலங்களை உறுதிப்படுத்தி அவற்றை மாறிகளுக்குள் சேமிக்கிறோம். வெவ்வேறு நிகழ்வுகளை சரிபார்க்க நிபந்தனை அறிக்கைகளைப் பயன்படுத்துகிறோம்.
வழக்கு 1: கடவுச்சொல் புலம் காலியாக உள்ளது
கடவுச்சொல் புலம் காலியாக உள்ளதா என்பதை முதல் நிபந்தனை சரிபார்க்கிறது. புலம் காலியாக இருந்தால், கடவுச்சொல்லை உள்ளிடுமாறு பயனரைக் கேட்கிறோம்:
வழக்கு 2: கடவுச்சொற்கள் பொருந்தும்
கடவுச்சொற்கள் பொருந்தினால், பயனர் வெற்றிகரமாக உள்நுழைகிறார்:
வழக்கு 3: கடவுச்சொற்கள் பொருந்தவில்லை
கடவுச்சொற்கள் பொருந்தவில்லை என்றால், கடவுச்சொற்களை மீண்டும் தட்டச்சு செய்து அவை பொருந்துவதை உறுதிசெய்யுமாறு பயனரைக் கேட்டுக்கொள்கிறோம்:
ஜாவாஸ்கிரிப்ட் மற்றும் HTML குறியீடு ஒன்றாக இது போல் தெரிகிறது:
< html >
< உடல் >
< மையம் >
< h2 > லினக்ஸ் குறிப்பு h2 >
< வடிவம் >
< ப > கடவுச்சொல்லை உள்ளிடவும் ப >
< உள்ளீடு வகை = 'கடவுச்சொல்' ஐடி = 'பாஸ்' > < br >< br >
< ப > கடவுச்சொல்லை உறுதிப்படுத்தவும் ப >
< உள்ளீடு வகை = 'கடவுச்சொல்' ஐடி = 'உறுதிப்படுத்து' > < br >< br >
< பொத்தானை வகை = 'சமர்ப்பி' கிளிக் செய்யவும் = 'கடவுச்சொல் உறுதிப்படுத்தல்()' > பதிவு உள்ளே பொத்தானை >
வடிவம் >
மையம் >
உடல் >
< கையால் எழுதப்பட்ட தாள் >
செயல்பாடு கடவுச்சொல் உறுதிப்படுத்தல் ( ) {
var கடவுச்சொல் = document.getElementById ( 'பாஸ்' ) .மதிப்பு;
var confirmPassword = document.getElementById ( 'உறுதிப்படுத்து' ) .மதிப்பு;
என்றால் ( கடவுச்சொல் == '' ) {
எச்சரிக்கை ( 'பிழை: கடவுச்சொல் புலம் காலியாக உள்ளது.' ) ;
} வேறு என்றால் ( கடவுச்சொல் == உறுதிப்படுத்தல் கடவுச்சொல் ) {
எச்சரிக்கை ( 'உள்நுழையப்பட்டது' ) ;
} வேறு {
எச்சரிக்கை ( 'உங்கள் கடவுச்சொற்கள் பொருந்துவதை உறுதிப்படுத்தவும்.' )
}
}
கையால் எழுதப்பட்ட தாள் >
html >
முடிவுரை
மனிதர்கள் அடிக்கடி தவறு செய்யலாம் ஆனால் அது அவர்களின் கணக்கில் உள்நுழைவதைத் தடுக்காது. கடவுச்சொல்லை உள்ளிடுவதில் உள்ள சிறிய தவறு கூட ஒரு பயனரின் கணக்கிற்கான அணுகலைக் கட்டுப்படுத்தலாம். எனவே, பயனர்கள் சரியான கடவுச்சொல்லை உள்ளிட்டுள்ளதை உறுதிப்படுத்த, அவரது கடவுச்சொல்லை இருமுறை சரிபார்ப்பது எப்போதும் நல்லது.