Validere HTML-skjemaer med jQuery - Ketchup

Jeg var på utkikk etter en jQuery plugin for å validere HTML-skjemaer . I dag var jeg å lese artikler ved hjelp av Google Reader , og fant en fantastisk jQuery plugin for å validere HTML-skjemaer som deles av Hasin Hyder . Dens enkle, svært fleksibelt og utvidbart for sitt utseende og funksjonalitet.

Flere jQuery ressurser:

Flip og moro

Flip your text Få dager siden Hasin Hayder sendt meg en link hvor tekstene kan fleip. Virkelig interessant og morsom.

>>

Prøv dette å snu dine tekster .

>>

Jeg gjorde noen endringer i henhold til nødvendighet min. Du kan bruke flip Tekst service for følgende ting

  • IM skjermen navn
  • Sett den i profilene som MySpace, Bebo, Hi5, Facebook, Youtube osv.
  • Lag sterke passord
  • Krypter din dataoverføre golfbane å hindre leechers
  • Freak vennene dine
  • Og gjøre narr

Flip og moro

Send inn HTML-skjema til pop up vindu

Noen ganger kan vi trenger å sende inn HTML-skjemaet til en pop-up vindu. La oss ta en titt inn i detaljene.
Si for jeg har et HTML-skjema.

  <form name="contactForm" method="POST" action="thank-you.php">
 Navn: <input type="text" name="name" id="name" /> <br />
 E-post: <input type="text" name="email" id="email" /> <br />
 <input type="submit" value="Submit" />
 </ Form> 

Vi kan sende dette skjemaet til et tomt vindu ved å sette target = "_blank", men når vi trenger å sende inn skjemaet til en pop-up vindu så vi bør gjøre litt ekstra kode. La oss prøve.

Trinn en: Definere en JavaScript-funksjon

  funksjon openWindow (url, wname, bredde, høyde) (
 window.open (url, wname, "height =" + høyde + ", width =" + bredde + "location = 0, status = 1, resizable = 0, scrollbars = 1, toolbar = 0");
 return true;
 ) 

Over funksjon åpner et pop up vindu i henhold til de medfølgende argumentene. Det er en vanskelig ting. 'Name' er et nøkkelord i JavaScript. Vi bør ikke sette variabelnavnet som 'name'. IE rapporterer feil hvis vi setter navn som en variabel navn.

Trinn to: Stille skjemaet attributtene
Nå vi setter skjemaet attributter som Bellow

  <Form name = "kontaktskjema" method = "post" action = "takk-you.php" target = "popupWin" send = "tilbake openWindow ('takk-you.php', 'popupWin', 600, 500);" > 

Trinn tre: Forbereder takkeside
Nå er vi klare til å forberede takke-you.php side for å behandle skjemadata.

Noen flere ting må følge for sikkerhet og for å beskytte spamming. Vi bør gjelde både JavaScript og server side godkjenningen inn i skjemaet, beskytte spamming og XSS.