jQuery Validation - how to show errors on alert();
i want to display the errors on an single
alert()
but it's not working.
What i'm doing wrong? Anyone can help me?
this is my form code:
- <form name="form_news" id="form_news" method="post" action="">
<input type="text" id="email" name="email" value="" title="Email" placeholder="Cadastre-se e receba nossas novidades."/>
<input type="submit" class="bt_news" name="submit" id="submit" value=""/>
<div class="clear"></div>
</form>
And this is my script:
<script type="text/javascript">
$
(document).ready(function(){
$
('input[placeholder], textarea[placeholder]').placeholder();
var validator = $("#form_news").validate({
onfocusout
: false,
onkeyup
: true,
onclick
: true,
focusInvalid
: true,
rules
: {
email
: { required: true, email: true }
},
messages
: {
email
: { required: 'Informe o seu Email', email: 'Informe um Email válido' },
},
errorPlacement
: function(error,element){
error
.insertAfter(element);
alert
(error.html());
},
showErrors
: function(errorMap, errorList){
this.defaultShowErrors();
},
submitHandler
: function( form ){
var dados = $( form ).serialize();
$
.ajax({
type
: "POST",
url
: "envia_newsletter.asp",
data
: dados,
success
: function( data ){
//var novaURL = "obrigado.asp";
//$(window.document.location).attr('href',novaURL);
alert
("Email cadastrado com sucesso! Obrigado.");
}
});
return false;
}
});
});
</script>