Alamin kung Paano Patunayan ang Mga Form sa JavaScript o CGI

Sa sandaling mayroon ka ng isang HTML form up at tumatakbo, madalas mong nais na siguraduhin na ang lahat ng mga mahalagang mga patlang ay napunan. Halimbawa, kung magpapadala ka ng isang email na confirmation letter, ang email address ay dapat na kasama sa mga field ng form , at dapat itong isang email address na gumagana.

Mayroong dalawang paraan upang patunayan ang iyong mga form:

1. Paggamit ng JavaScript
2. Paggamit ng CGI script

Ang mga Kalamangan ng Paggamit ng JavaScript para sa Pagpapatunay ng Mga Form

• Paggamit ng javascript hindi mo ginagamit ang anumang oras ng processor ng server. Ang lahat ng pagproseso ay ginagawa sa client computer.
• Madalas itong lumilitaw upang gumana nang mas mabilis kaysa sa pagpapatunay ng CGI.
• Dahil hindi nagbago ang pahina ng form, madali para sa mambabasa na ayusin ang mga error.

Ang Cons ng Paggamit ng JavaScript para sa Pagpapatunay ng Mga Form

• Gumagana lamang ang JavaScript sa mga browser na pinagana nito. Kung ang JavaScript ay hindi pinagana, ang iyong error checking ay hindi tapos na.

Ang mga Paraan ng Paggamit ng CGI para sa Pagpapatunay ng Mga Form

• Ang paggamit ng CGI upang mapatunayan ay tumitiyak na tuwing isusumite ang form, ang pagpapatunay ay tatakbo.

Ang Kahinaan ng Paggamit ng CGI para sa Pagpapatunay ng Mga Form

• Inilalagay ng CGI ang higit pang pag-load sa Web server, at ang bawat function na kasama sa CGI ay isa pang gawain para sa server.
• Ang CGI ay maaaring maging mabagal na tumakbo.
• Kung mayroong isang error, ang customer ay dapat na bumalik sa unang pahina ng form, o ang CGI ay nangangailangan ng isa pang function upang muling isulat ang pahina ng form.

Ang paraan ng paghawak ko nito ay ang pagkakaroon ng karamihan sa pag-check ng error na tapos na sa JavaScript. Sa paraang iyon, mabilis at madali para sa mga mambabasa. Pagkatapos ay susuriin ko ang mahahalagang elemento ng form sa CGI.

Paano Gamitin ang JavaScript upang Patunayan ang Mga Form ng HTML

Ang pangunahing saligan ng paglikha ng pagpapatunay ng form ay upang hanapin ang mga pangalan ng mga elemento ng form na kinakailangan, at kung walang laman, magpakita ng isang mensahe ng error.

Ang karamihan sa mga programa sa pag-check ng error ay sinuri ang bawat field nang paisa-isang, at nagpapakita ng isang error sa isang pagkakataon. Maaari itong mapunan ang form na nakakapagod, at ang mga tao ay maaaring tumigil sa gitna. Kung gagamitin mo ang sumusunod na script at ang mapagkukunan ng Perl alam mo kung paano mapatunayan ang isang buong form nang sabay-sabay, ipapakita ang isang serye ng mga mensahe ng error na maaaring ibalik at maayos ng iyong mambabasa.

Ang JavaScript para sa Pagpapatunay ng isang Form

Sa bahagi ng iyong HTML, dapat kang lumikha ng isang script upang gawin ang pagpapatunay ng form:

1. I-set up ang script, at siguraduhing ito ay nakatago mula sa mga browser na hindi maaaring pangasiwaan ang JavaScript.

Pagkatapos, upang tawagan ang script, maglagay ng elemento ng onsubmit sa tag na form:

CGI para sa Pagpapatunay ng Mga Form

Ang CGI snippet ng CGI script na ito ay ang parehong bagay bilang JavaScript. Sinusuri ito upang makita kung ang mga kinakailangang field ay naroroon, at kung hindi, ini-imbak ang isang mensahe ng error sa isang variable para sa pagpapakita:

#! / usr / local / bin / perl$ error = "";kung ($ in {'dd'} eq ""){ $ error + = "Mangyaring pumili mula sa drop down na kahon.';}kung ($ in {'words'} eq ""){ $ error + = "Mangyaring isama ang ilang mga salita sa text box.';}# … magpapatuloy sa pagpapatunay ng lahat ng mga patlangkung ($ error) print "Uri ng nilalaman: text / html n n"; print " '; print "<> print "

May nangyaring pagakamali

'; print $ error; print "Mangyaring bumalik at itama ang mga error na ito."; print "';} else { # Magpatuloy sa CGI …}

Ang pagkakaiba sa kung paano nagsusulat ang CGI ng mensahe ng error ay sa halip na isang " n", ginagamit nito ang tag ng talata ng HTML upang maglagay ng bagong linya sa pagitan ng bawat error.

At Ngayon Pinatunayan Mo ang Iyong Form

Sa dalawang pamamaraan, CGI at JavaScript, pinatunayan mo ang isang form sa HTML upang mas tumpak ang mga bahagi na ipinadala sa iyo.