php提交之前验证数据ajax提示,在Ajax提交之前进行HTML5验证

这应该很简单，但是却让我发疯。我有一个用ajax提交的html5表单。如果输入的值无效，则会弹出一个提示您的信息。在运行ajax提交之前，如何检查条目是否有效？

形成：

Name:

Subject:

Email:

Message:

提交：

$('#submit').click(function(){

var name = $("input#name").val();

var subject = $("input#subject").val();

var email = $("input#email").val();

var message = $("input#message").val();

var dataString = 'email=' + email + '&message=' + message + '&subject=' + subject + '&name=' + name ;

$.ajax({

url: "scripts/mail.php",

type: 'POST',

data: dataString,

success: function(msg){

disablePopupContact();

$("#popupMessageSent").css("visibility", "visible");

},

error: function() {

alert("Bad submit");

}

});

});