Spróbuj tak:
Index html - modyfikacja
Kod
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sprzawdzanie pól formularza za pomocą jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/rejestracja.js" charset="UTF-8"></script>
<link rel="stylesheet" href="styles.css" />
/* To należy usunąć... */
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() {
alert("Wysłano! Sprawdź swoją skrzynkę e-mailową - znajdziesz tam nową wiadomość, w której znajdziesz link; musisz go kliknąć, aby potwierdzić chęć otrzymywania artykułu ode mnie.\n\nUwaga! E-maila z prośbą o potwierdzenie chęci otrzymania artykułu najprawdopodobniej trafi do SPAMu.");
}
});
$.metadata.setType("attr", "validate");
</script>
/* do tego miejsca */
</head>
rejestracja.js - modyfikacja
Kod
$(document).ready(function(){
$("#rejestracja").validate({
rules: {
name: {
required: true,
minlength: 1
},
email: {
required: true,
email: true
}
},
messages: {
name:{
required: "Pole hasło nie może być puste",
minlength: "Minimalna długość imienia to 2 znaki"
},
email:{
required: "Wprowadź adres e-mail",
email: "Wprowadź poprawny adres e-mail"
}
},
success: function(label) {
label.html(" ").addClass("sprawdzony");
}
submitHandler: function(form) {
form.submit();
alert("Wysłano! Sprawdź swoją skrzynkę e-mailową - znajdziesz tam nową wiadomość, w której znajdziesz link; musisz go kliknąć, aby potwierdzić chęć otrzymywania artykułu ode mnie.\n\nUwaga! E-maila z prośbą o potwierdzenie chęci otrzymania artykułu najprawdopodobniej trafi do SPAMu.");
}
});
});
Nie sprawdzałem ale powinno działać...
