Ajax for Scratch Wordpress
<form style="font-family: 'Lato', sans-serif;" id="mi-municipio" data-url="<?php bloginfo('url'); ?>">
<div>
<label style="font-family: 'Lato', sans-serif;">Tu Nombre y Apellido</label><br>
<input name="nombre" class="texto-form msg-form" data-messi-msg="Falta completar tu Nombre." >
</div>
<br>
<div>
<label style="font-family: 'Lato', sans-serif;">Tu E-mail</label><br>
<input name="e-mail" class="mail-form msg-form" data-messi-msg="Falta completar tu e-Mail." >
</div>
<br>
<div>
<label style="font-family: 'Lato', sans-serif;">El municipio que sugerís</label><br>
<input name="municipio" class="texto-form msg-form" data-messi-msg="Falta completar el nombre del Municipio." >
</div>
<br>
<input type="hidden" id="action-hidden" name="action" value="form_municipio_action" />
<input type="hidden" id="nonce-hidden" name="nonce" value="<?php $nonce = wp_create_nonce( 'form_municipio_nonce' ); echo $nonce; ?>" />
<input type="submit" value="Proponer" style="cursor: pointer; font-family: 'Lato', sans-serif;background: none; width: 124px; line-height: 27px; height: 40px; border: 2px solid #FFF; padding: 5px; color: #FFF;">
</form>
$('form#mi-municipio').submit(function(e) {
var este = $(this);
e.preventDefault();
//alert(url);
var serialize = este.serialize();
if ( validar(este) ){
$.ajax({
type: 'POST',
url: 'http://wordpresssite.com/wp-admin/admin-ajax.php',
data: serialize,
success: function(data){
if( data ){
//alert('Funciona');
new Messi('Tu proposición del Municipio ha sido enviada con exito.</br> Muchas Gracias', {title: 'Mensaje Enviado', modal: true, titleClass: 'anim success'});
resetear(este);
$('input[type="submit"]').removeAttr('disabled');
$('input[type="submit"]').val('Proponer');
}
},
error: function(){
$('input[type="submit"]').removeAttr('disabled');
$('input[type="submit"]').val('Proponer');
}
});
}else{
new Messi( '<p><span>Usted tiene errores en los siguientes campos:</span>' + messi_msg( este ) +'</p>' , {title: 'Error', modal: true, titleClass: 'anim error'});
}
return false;
}); // SUBMIT
// FORM PROPONER MUNICIPIO
add_action("wp_ajax_form_municipio_action", "form_municipio_function");
add_action("wp_ajax_nopriv_form_municipio_action", "form_municipio_function");
function form_municipio_function() {
if ( !wp_verify_nonce( $_REQUEST['nonce'] , "form_municipio_nonce")) {
exit("No naughty business please");
}
$body = "";
foreach(array_keys($_POST) as $key){
$clean[$key] = mysql_real_escape_string($_REQUEST[$key]);
}
foreach ($clean as $key => $value) {
if ( $key != 'action' && $key != 'nonce' ){
$body .= "<strong>" . $key . ":</strong> " . $value . "<br>";
}
}
echo $body;
if(wp_mail( 'nvercellino.backup@gmail.com' , "Somos Afro - Quiero mi Municipio" , $body )){
echo "true"
}
die();
}
<script>var adminAjax = <?php echo admin_url('admin-ajax.php'); ?></script>