Kọ bi o ṣe le ṣe idanwo awọn fọọmu pẹlu JavaScript tabi CGI

Lọgan ti o ba ni fọọmu HTML kan ti o nṣiṣẹ, iwọ yoo ma fẹ lati rii daju wipe gbogbo awọn aaye pataki ni a kun sinu. Fun apẹrẹ, ti o ba nlo lẹta ti o fi imeeli ranṣẹ, adirẹsi imeeli gbọdọ wa ni aaye fọọmu naa , ati pe o yẹ ki o jẹ adirẹsi imeeli ti n ṣiṣẹ.

Awọn ọna meji wa lati ṣe afihan awọn fọọmu rẹ:

1. Lilo JavaScript
2. Lilo akosile CGI

Awọn Aleebu ti Lilo JavaScript fun Awọn Fọọmu Idanwo

• Lilo javascript o ko lo eyikeyi akoko isise olupin. Gbogbo processing ni a ṣe lori kọmputa kọmputa.

• O maa n han lati ṣiṣẹ ni kiakia ju ti iṣeduro CGI.
• Niwon iwe fọọmu naa ko ti yipada, o rọrun fun oluka lati ṣatunṣe awọn aṣiṣe.

Awọn Konsi ti Lilo JavaScript fun Awọn Fọọmu Ifọwọda

• JavaScript nikan ṣiṣẹ lori awọn aṣàwákiri ti o ni o ṣiṣẹ. Ti JavaScript ba jẹ alaabo, aṣiṣe aṣiṣe rẹ ko ni ṣe.

Awọn Aleebu ti Lilo CGI fun Awọn Fọọmu Ifọwọda

• Lilo CGI lati ṣe atokasi ni idaniloju pe nigbakugba ti a ba fi fọọmu naa silẹ, ifilọlẹ naa yoo ṣiṣe.

Awọn Konsi ti Lilo CGI fun Awọn Fọọmu Idanwo

• CGI fi fifun diẹ sii lori olupin ayelujara, ati gbogbo iṣẹ ti o wa ninu CGI jẹ iṣẹ-ṣiṣe miiran fun olupin naa.
• CGI le fa fifalẹ lati ṣiṣe.
• Ti aṣiṣe kan wa, onibara ni lati pada si oju-iwe akọkọ ti fọọmu, tabi CGI nilo iṣẹ miiran lati tunkọ iwe iwe-iwe naa.

Ọna ti mo ṣe mu eyi ni lati ni ọpọlọpọ ninu aṣiṣe aṣiṣe ṣiṣe pẹlu JavaScript. Iyẹn ọna, o jẹ yara ati rọrun fun awọn onkawe.

Mo tun ṣe atunṣe awọn eroja pataki ti fọọmu naa pẹlu CGI.

Bi o ṣe le lo JavaScript lati ṣafikun awọn Fọọmu HTML

Ibẹrẹ ipilẹ ti ṣiṣẹda fọọmù fọọmu ni lati wa awọn orukọ ti awọn ẹya ara ẹrọ ti o nilo, ati bi wọn ba ṣofo, han ifiranṣẹ aṣiṣe kan.

Awọn eto iṣayẹwo aṣiṣe julọ ṣayẹwo aaye kọọkan ni ẹẹkan, ki o si han aṣiṣe kan ni akoko kan.

Eyi le ṣe kikún jade kuro ni fọọmu naa, ati awọn eniyan le da ni arin. Ti o ba lo akosile atẹle ati aaye Perl o yoo mọ bi a ṣe le ṣe afihan gbogbo fọọmu kan ni ẹẹkan, ṣe afihan awọn aṣiṣe aṣiṣe ti oluka rẹ le pada sẹyin ki o si tunto.

Awọn JavaScript fun Validating a Form

Ni ori ipin ti awọn HTML rẹ, o yẹ ki o ṣẹda iwe-akọọlẹ lati ṣe ifilọlẹ fọọmu naa:

1. Ṣeto iwe-akọọlẹ, ki o rii daju wipe o ti farapamọ lati awọn aṣàwákiri ti ko le mu JavaScript.
2. Eyi ni ipe iṣẹ ti o bẹrẹ iṣeduro. O jẹ fọọmu ti o dara lati ṣeto awọn oniyipada rẹ ni oke ti akosile rẹ.
   iṣẹ Validator (theForm)
   {aṣiṣe aṣiṣe = "";
3. Ti o ba ni awọn ohun elo silẹ ni awọn fọọmu rẹ, o yẹ ki o ni aṣayan akọkọ bi aaye ti o ṣofo (fun apẹẹrẹ "aṣayan aṣayan =" "> yan ọkan ) O le ni eyikeyi ọrọ ti o fẹ lori aaye, bi niwọn igba ti iye naa jẹ òfo. Lẹhinna, nigbati o ba ṣafidi si i, tẹ lati wo boya aṣayan akọkọ (aṣoju ọkan) ti wa ni ṣeto, ti o ba jẹ, kọ ifiranṣẹ aṣiṣe naa. ti o ba ti (theForm.dd.options [0] .selected == otitọ)
   {
   aṣiṣe + = "Jọwọ yan lati akojọ aṣayan silẹ. \ n";}
4. Awọn ero ọrọ jẹ rọrun julọ lati ṣe iyasọtọ. Jọwọ ṣayẹwo lati rii boya iye naa ba ṣofo. Ti o ba jẹ, ṣeto ifiranṣẹ aṣiṣe naa. ti o ba ti (theForm.words.value == "")
   {
   aṣiṣe + = "Jọwọ fọwọsi iṣiro ọrọ naa. \ n";}

1. Ti o ba fẹ fọwọmu iru irufẹ data laarin aaye ọrọ kan, o ni lati ni diẹ fancier. Oju-iwe akosile yii n wo apoti apoti lati rii boya o ni awọn nọmba ti kii-nọmba ninu rẹ (awọn "awọn nọmba" iyipada ṣe alaye ohun ti n wa).
   
   orisirisi awọn nọmba = "0123456789";
   ti o ba ti (theForm.number.value == "")
   {
   aṣiṣe + = "Jọwọ fọwọsi nọmba kan. \ n";
   }
   fun (var i = 0; i
   {
   temp = theForm.number.value.substring (i, i + 1)
   ti o ba ti (digits.indexOf (temp) == -1 && theForm.number.value! = "")
   {
   aṣiṣe + = "Awọn ọrọ nọmba gbọdọ jẹ nọmba kan. \ n";
   adehun;
   }}

Ṣatunṣe Adirẹsi Imeeli pẹlu JavaScript

1. Apa yii ti akosile fihan bi a ṣe le ṣafidi fun adirẹsi imeeli kan. O jẹ iṣeduro ti o rọrun pupọ, o ṣayẹwo nikan lati rii daju pe o wa ni ifọwọkan ati akoko kan. Awọn eniyan tun le fi awọn adirẹsi imeeli ti ko tọ, ṣugbọn eyi n ṣe iranlọwọ lati din awọn titẹ sii ti ko tọ sii diẹ.
   ti o ba ti (theForm.email.value == "")
   {
   aṣiṣe + = "O gbọdọ ni adiresi imeeli deede fun esi kan. \ n";
   }
   ti o ba ti ((theForm.email.value.indexOf ('@', 0) == -1 ||
   theForm.email.value.indexOf ('.', 0) == -1) &&Form.email.value! = "")
   {
   aṣiṣe + = "Jọwọ ṣàrídájú pé àdírẹẹsì í-meèlì rẹ jẹ oníṣe.";
   }

1. Eyi ni eran ti akosile. O ṣe awọn ohun meji: akọkọ, o ṣayẹwo lati rii boya aṣiṣe kan wa. Ti o ba wa, o han ni bi ifiranṣẹ itaniji. Lẹhinna o rán iye iyipada ti eke lati jẹ ki alaye ti a firanṣẹ si olupin naa. Awọn ifiranṣẹ aṣiṣe rẹ (ṣeto ni awọn ọrọ ti o wa loke ti o ba wa), gbogbo wọn ni "\ n" ni opin ila. Eyi sọ fun aṣàwákiri lati fi ayipada gbigbe kan (tabi "tẹ" tabi "laini tuntun") ni opin ila. Lẹhinna, ti awọn aṣiṣe aṣiṣe pupọ ba wa ni gbogbo awọn ila ilatọ. Ti ko ba si awọn ifiranṣẹ aṣiṣe kan, lẹhinna aṣiṣe aṣiṣe yoo jẹ òfo (lati ibi ti a ti ṣeto rẹ ni oke akosile), ati ki alaye naa yoo firanṣẹ si olupin naa lati ṣiṣẹ lori nipasẹ CGI.
   ti o ba ti (ašiše! = "")
   {
   gbigbọn (aṣiṣe);
   pada (eke);
   } miran {
   pada (otitọ);
   }
2. Maṣe gbagbe lati pa iwe afọwọkọ rẹ.
   }
   // ->

Lẹhinna, lati pe akosile, fi ohun onsubmit kan si aami fọọmu: