<script id="validate" type="text/javascript">
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#signupform").validate({
rules: {
salutation: "required",
fname: "required",
lname: "required",
street: "required",
zipcode: {
required: true,
minlength: 5
},
city: "required",
region: "required",
email: {
required: true,
email: true,
remote: "/check_email/"
},
password: {
required: true,
minlength: 5
},
password_confirm: {
required: true,
minlength: 5,
equalTo: "#password"
}
},
messages: {
salutation: 'Dies ist ein Pflichtfeld',
fname: 'Dies ist ein Pflichtfeld',
lname: 'Dies ist ein Pflichtfeld',
street: 'Dies ist ein Pflichtfeld',
zipcode: {
required: 'Dies ist ein Pflichtfeld ',
rangelength: jQuery.format("Min. {0} Zeichen")
},
city: 'Dies ist ein Pflichtfeld ',
region: 'Dies ist ein Pflichtfeld ',
password: {
required: 'Dies ist ein Pflichtfeld ',
minlength: jQuery.format("Min. {0} Zeichen")
},
password_confirm: {
required: 'Dies ist ein Pflichtfeld ',
minlength: jQuery.format("Min. {0} Zeichen"),
equalTo: "Passwörter nicht identisch."
},
email: {
required: 'Dies ist ein Pflichtfeld ',
minlength: "Falsche E-Mail.",
remote: jQuery.format("{0} Wird bereits benutzt.")
}
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() );
},
// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function() {
var dataStr = $("#signupform").serialize();
$.ajax({
type: "POST",
url: "/send/",
data: dataStr,
success: function(del){
$('#signup').slideUp(500, function() {
$('#success').slideDown(500);
});
}
});
return false;
},
// set this class to error-labels to indicate valid fields
success: function(label) {
// set as text for IE
label.html(" ").addClass("checked");
}
});
});
</script>