I got the answer DEMO
<div class="content-area">
<form action="" method="post" id="Form1" name="Form1">
<label for="txt1">First Name</label>
<input type="text" id="txt1" name="txt1" maxlength="10" data-enter="true" />
<label for="txt2">Last Name</label>
<input type="text" id="txt2" name="txt2" maxlength="10" data-select="true" />
<input type="submit" id="submit" value="SAVE " data-mini="true" />
</form>
</div>
$('#Form1').validate({
onfocusout: false,
onkeyup: false,
ignore: "",
rules: {
txt1: {
required: true
},
txt2: {
required: true
}
},
showErrors: function (errorMap, errorList) {
var messages = "";
var check = 0;
$.each(errorList, function (index, value) {
check = 1;
var id = $(value.element).attr('id');
messages += (index + 1) + ". " + value.message + "\n";
});
messages = "Please correct following errors \n" + messages;
if (check == 1) {
alert(messages);
}
},
submitHandler: function () {}
});
$('#Form1 input[type="text"][data-enter]').each(function () {
var penter = "Please enter value for " + $('label[for=' + $(this).attr('id') + ']').html();
$(this).rules('add', {
messages: {
required: penter
}
});
});
$('#Form1 input[type="text"][data-select]').each(function () {
var penter = "Please select value for " + $('label[for=' + $(this).attr('id') + ']').html();
$(this).rules('add', {
messages: {
required: penter
}
});
});