நீங்கள் ஒரு HTML படிவம் மற்றும் இயங்கும் போது, நீங்கள் அடிக்கடி அனைத்து முக்கிய துறைகளில் பூர்த்தி என்று உறுதி செய்ய வேண்டும். உதாரணமாக, நீங்கள் ஒரு மின்னஞ்சல் உறுதிப்படுத்தல் கடிதம் அனுப்ப போகிறீர்கள் என்றால், மின்னஞ்சல் முகவரியை வடிவம் துறைகளில் சேர்க்க வேண்டும் , அது வேலை செய்யும் மின்னஞ்சல் முகவரி இருக்க வேண்டும்.
உங்கள் படிவங்களை சரிபார்க்க இரண்டு வழிகள் உள்ளன:
- JavaScript ஐப் பயன்படுத்துதல்
- ஒரு CGI ஸ்கிரிப்ட் பயன்படுத்தி
Forms Validating for JavaScript பயன்படுத்தி நன்மை
- நீங்கள் எந்த சர்வர் செயலி நேரம் பயன்படுத்த வேண்டாம் JavaScript பயன்படுத்தி. அனைத்து செயலாக்கமும் வாடிக்கையாளர் கணினியில் செய்யப்படுகிறது.
- இது CGI சரிபார்ப்பை விட வேகமாக வேலை செய்வதாக தோன்றுகிறது.
- படிவம் பக்கம் மாற்றப்படவில்லை என்பதால், வாசகர்கள் பிழைகளை சரிசெய்ய எளிதானது.
படிவங்களை மதிப்பிடுவதற்கு ஜாவாஸ்கிரிப்ட் பயன்படுத்தி பயன்படுத்துதல்
- இது இயக்கப்பட்ட உலாவிகளில் மட்டுமே JavaScript இயங்குகிறது. இங்கு முடக்கப்பட்டால், உங்கள் பிழை சோதனை செய்யப்படாது.
படிவங்களை மதிப்பிடுவதற்கான CGI ஐ பயன்படுத்துவதற்கான நன்மை
- படிவத்தை சமர்ப்பிக்கும் ஒவ்வொரு முறையும் சரிபார்க்க CGI ஐ பயன்படுத்தி, சரிபார்த்தல் இயங்கும்.
படிவங்களை மதிப்பிடுவதற்கான CGI ஐ பயன்படுத்துதல்
- CGI இணைய சேவையகத்தில் கூடுதல் சுமைகளை வைக்கிறது, மற்றும் CGI இல் சேர்க்கப்படும் ஒவ்வொரு செயல்பாடு சேவையகத்திற்கும் ஒரு பணி ஆகும்.
- CGI இயக்க மெதுவாக இருக்கலாம்.
- ஒரு பிழை இருந்தால், வாடிக்கையாளர் படிவத்தின் முதல் பக்கத்திற்குச் செல்ல வேண்டும் அல்லது CGI க்கு மற்றொரு படிவம் பக்கத்தை மீண்டும் எழுத வேண்டும்.
இதை நான் கையாளும் வழி, ஜாவாஸ்கிரிப்ட் மூலம் பிழைச் சரிபார்ப்பின் பெரும்பகுதியைக் கொண்டிருக்க வேண்டும். அந்த வழியில், வாசகர்களுக்கு அது வேகமான மற்றும் எளிதானது.
நான் CGI உடன் படிவத்தின் முக்கிய உறுப்புகளை மீண்டும் பரிசோதிக்கிறேன்.
HTML படிவங்களை உறுதிப்படுத்த JavaScript ஐ எப்படி பயன்படுத்துவது
வடிவம் செல்லுபடியாக்கத்தை உருவாக்குவதற்கான அடிப்படை முன்மாதிரியானது, அவசியமான வடிவ உறுப்புகளின் பெயர்களைக் காண வேண்டும், மேலும் அவை காலியாக இருந்தால், ஒரு பிழை செய்தியை காட்டவும்.
பெரும்பாலான பிழை சோதனை திட்டங்கள் ஒரு நேரத்தில் ஒவ்வொரு துறையில் ஒரு சரிபார்த்து, ஒரு நேரத்தில் ஒரு பிழை காட்ட.
இது கடினமான படிவத்தை பூர்த்தி செய்ய முடியும், மேலும் நடுத்தர மக்களை நிறுத்தலாம். நீங்கள் பின்வரும் ஸ்கிரிப்ட் மற்றும் பெர்ல் மூலத்தைப் பயன்படுத்தினால், ஒரு படிவத்தை முழுமையாக சரிபார்க்கவும், உங்கள் வாசகர் பின்னால் சென்று சரிசெய்யக்கூடிய பிழை செய்திகளைத் தொடர்ச்சியாக காண்பிக்கும்.
ஒரு படிவத்தை மதிப்பிடுவதற்கான JavaScript
உங்கள் HTML இன் தலைப்பகுதியில், நீங்கள் வடிவம் சரிபார்த்தல் செய்ய ஸ்கிரிப்ட் உருவாக்க வேண்டும்:
- ஸ்கிரிப்ட் அமைக்கவும், அது JavaScript ஐ கையாள முடியாது என்று உலாவிகளில் இருந்து மறைத்து என்று உறுதி. <ஸ்கிரிப்ட் மொழி = "ஜாவாஸ்கிரிப்ட்">
- இது சரிபார்த்தல் தொடங்கும் செயல்பாடு அழைப்பு. உங்கள் ஸ்கிரிப்டின் மேல் உங்கள் மாறிகள் அமைக்க நல்ல வடிவம்.
செயல்பாடு பரிசோதிப்பான் (theForm)
{var error = ""; - உங்கள் படிவங்களில் கீழ்தோன்றல் உறுப்புகள் இருந்தால், முதல் விருப்பத்தை வெற்று புலமாக (எ.கா.
- உரை உறுப்புகள் சரிபார்க்க எளிதானது. மதிப்பு காலியாக இருந்தால் சரிபார்க்கவும். அது இருந்தால், பிழை செய்தி அமைக்கவும். என்றால் (theForm.words.value == "")
{
error + = "உரை உறுப்பு நிரப்பவும். \ n";}
- நீங்கள் ஒரு உரை புலத்தில் தரவு வகை சரிபார்க்க வேண்டும் என்றால், நீங்கள் ஒரு பிட் ரசிகர் பெற வேண்டும். ஸ்கிரிப்ட்டின் இந்த துணுக்கு ஒரு உரை பெட்டியில் தெரிகிறது, அதில் அது எண் அல்லாத எழுத்துகள் இருந்தால் (மாறி "இலக்கங்கள்" அதை தேடும் என்ன வரையறுக்கிறது).
var digits = "0123456789";
என்றால் (theForm.number.value == "")
{
error + = "ஒரு எண்ணை நிரப்பவும். \ n";
}
(var i = 0; i
{
temp = theForm.number.value.substring (i, i + 1)
(இலக்கங்கள் .indexOf (தற்காலிகம்) == -1 && theForm.number.value! = "")
{
error + = "எண்ணெழுத்து உரை எண்ணாக இருக்க வேண்டும். \ n";
உடைக்க;
}}
இங்கு ஒரு மின்னஞ்சல் முகவரி சரிபார்க்கவும்
- ஸ்கிரிப்டின் இந்த பகுதி ஒரு மின்னஞ்சல் முகவரிக்கு சரிபார்க்க எப்படி காட்டுகிறது. இது ஒரு மிக எளிய சரிபார்த்தல், அது ஒரு @ அடையாளம் மற்றும் ஒரு காலம் உள்ளது என்பதை உறுதி செய்ய மட்டுமே சரிபார்க்கிறது. போலி மின்னஞ்சல் முகவரிகளில் இன்னமும் மக்கள் இடலாம், ஆனால் தவறான உள்ளீடுகளை சிறிது குறைக்க உதவுகிறது.
என்றால் (theForm.email.value == "")
{
error + = "பதிலுக்கு ஒரு துல்லியமான மின்னஞ்சல் முகவரியை நீங்கள் சேர்க்க வேண்டும். \ n";
}
என்றால் ((theForm.email.value.indexOf ('@', 0) == -1 ||
theForm.email.value.indexOf ('.', 0) == -1) && theForm.email.value! = "")
{
error + = "உங்கள் மின்னஞ்சல் முகவரி செல்லுபடியாகும் என்பதை சரிபார்க்கவும்.";
}
- இது ஸ்கிரிப்டின் மாமிசமாகும். அது இரண்டு காரியங்களைச் செய்கிறது: முதலாவதாக, ஒரு பிழையை அமைத்திருந்தால், அதை சரிபார்க்கிறது. அங்கு இருந்தால், அது ஒரு எச்சரிக்கை செய்தியாகும். பின்னர் தவறான தவறான மதிப்பை அனுப்புகிறது, இதனால் படிவத் தகவல் சேவையகத்திற்கு அனுப்பப்படாது. உங்கள் பிழை செய்திகளை (மேற்கூறப்பட்டால் மேலே கூறப்பட்டவை), எல்லோரும் வரிசையின் முடிவில் "\ n" ஐ சேர்க்கலாம். வரியின் முடிவில் ஒரு வண்டி திரும்ப (அல்லது "நுழை" அல்லது "புதிய வரி") செருகுவதற்கு உலாவிக்கு இது சொல்கிறது. பின்னர், பல பிழை செய்திகளைக் கொண்டிருந்தால் அவை அனைத்தும் தனி வரிகளாக இருக்கும். பிழை செய்திகளை அமைக்கவில்லை என்றால் பிழை மாறி காலியாக இருக்கும் (ஸ்கிரிப்ட்டின் உச்சியில் அமைக்கப்படும் இடத்திலிருந்து), இதனால் CGI ஆல் செயல்படும் சேவையகத்திற்கு வடிவம் தகவல் அனுப்பப்படும்.
என்றால் (பிழை! = "")
{
எச்சரிக்கை (பிழை);
திரும்ப (தவறான);
} வேறு {
திரும்ப (உண்மை);
} - உங்கள் ஸ்கிரிப்ட் மூட மறக்க வேண்டாம்.
}
// -> script>
பின்னர், ஸ்கிரிப்டை அழைக்க, படிவத்தின் குறிப்பில் ஒரு onsubmit உறுப்பை வைக்கவும்:
படிவங்களை மதிப்பிடுவதற்கான CGI
இந்த பெர்ல் ஸ்கிரிப்ட் CGI துணுக்கை ஜாவாவைப் போலவே செய்கிறது. தேவையான புலங்கள் உள்ளனவா என்பதை சரிபார்க்கிறது, இல்லையெனில், ஒரு பிழை செய்தியை காட்சிக்கு மாறி மாற்றியமைக்கிறது:
#! / usr / local / பின் / பேர்ல்
$ error = "";
($ {{dd '} eq "")
{
$ error + = "
கீழ்தோன்றும் பெட்டியில் இருந்து தேர்ந்தெடுக்கவும்.
";
}
($ {{words '} eq "" இல்)
{
$ error + = "
உரை பெட்டியில் சில சொற்களை சேர்க்கவும்.
";
}
# ... அனைத்து துறைகள் சரிபார்க்க தொடர்ந்து
($ பிழை)
print "உள்ளடக்க வகை: உரை / html \ n \ n";
print "
print " head>
print " ஒரு பிழை ஏற்பட்டது h2>";
$ error அச்சிடு
print "தயவுசெய்து பின்னால் சென்று இந்த பிழைகளை சரி செய்யவும்.";
அச்சு " body> html>";
} வேறு {
# CGI உடன் செல்லுங்கள் ...
}
சிஜிஐ எவ்வாறு பிழை செய்தியை எழுதுவது என்பது "\ n" க்கு பதிலாக, ஒவ்வொரு பிழைக்கும் இடையே ஒரு புதிய வரியை வைக்க HTML பக் குறியைப் பயன்படுத்துகிறது.
இப்போது நீங்கள் உங்கள் படிவத்தை மதிப்பிட்டுள்ளீர்கள்
இரண்டு முறைகள், CGI மற்றும் JavaScript உடன், நீங்கள் ஒரு HTML படிவத்தை சரிபார்த்துவிட்டதால், உங்களிடம் அனுப்பப்பட்ட பாகங்கள் இன்னும் துல்லியமானது.