validare campo con ajax

[eleumas]

validare campo con ajax

Ciao a tutti.
Ho inserito uno script per l'invio di una mail da un form. Quasi tutto funziona...ho notato però che anche se inserisco required nel tag input gli avvisi in HTML per non aver compilato correttamente quel campo non appaiono.

Come posso risolvere?
Questo il mio codice:
[HTML]
$(function() { $("#button").click(function() { $('#alert').show(); // mostra alert durante il caricamento
var data = { name: $("#name").val(), surname: $("#surname").val(), email: $("#email").val(), phone: $("#phone").val(), nationality: $("#nationality").val(), rooms: $("#rooms").val(), calendarstart: $("#calendarstart").val(), calendarend: $("#calendarend").val(), message: $("#message").val() }; $.ajax({ type: "POST", url: "assets/contact_it.php", data: data,
//Inizio visualizzazione errori success: function(msg){ $('#alert').hide(); // nascondi alert finito di caricare $("#result").html(msg); // messaggio di avvenuto invio },
error: function()
{alert("Si è verificato un errore, si prega di riprovare!");} // messaggio di errore
}); return false; }); });[/HTML]

Grazie!