http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/
$ (Dokument) .ready (Funktion () {
//global vars
var-Form = $ („#customForm“);
var orderedBy = $ („#orderedBy“);
var nameInfo = $ („#nameInfo“);
var phoneNumber = $ („#phoneNumber“);
var phoneInfo = $ („#phoneInfo“);
var emailaddressVal = $ („#Name_A“) .val ();
var emailblockReg =/^ ([\ w \.]+@ (?! gmail.com) (?! yahoo.com) (?! hotmail.com) ([\ w] + \.)+ [\ w] {2.4})? $;
//On-Unschärfe
orderedBy.blur (validateName);
phoneNumber.blur (validatePhone);
Name_A.blue (validateEmail);
//On-Schlüsselpresse
orderedBy.keyup (validateName);
orderedBy.keyup (validatePhone);
Name_A.keyup (validateEmail);
//On Unterbreitung
form.submit (Funktion () {
wenn (validateName () u. validatePhone ()) {
Rückhol ausrichten
} sonst {
Alarm („bitte prüfen, ob alle erforderlichen Kästen filled.") sind;
falsches zurückbringen;
}
});
//validation-Funktionen
Funktion validateName () {
//if ist es unzulässig
wenn (orderedBy.val () .length < 1) {
orderedBy.addClass („Störung“);
nameInfo.text („! ");
nameInfo.addClass („Störung“);
Rückholfalsches;
}
//if ist sie gültig
sonst {
orderedBy.removeClass („Störung“);
nameInfo.text („*");
nameInfo.removeClass („Störung“);
Rückhol ausrichten;
}
}
Funktion validatePhone () {
//if ist es unzulässig
wenn (phoneNumber.val () .length < 1) {
phoneNumber.addClass („Störung“);
phoneInfo.text („! ");
phoneInfo.addClass („Störung“);
Rückholfalsches;
}
//if ist sie gültig
sonst {
phoneNumber.removeClass („Störung“);
phoneInfo.text („*");
phoneInfo.removeClass („Störung“);
Rückhol ausrichten;
}
}
Funktion validateEmail () {
wenn (! emailblockReg.test (emailaddressVal)) {
Alarm („nicht heute! ");
Rückholfalsches;
}
}
});
|