1.clicking the Go button it compulsory validate the first section of the page(first 3 fields).
2.Then enter the value in other any section it also validate when I clicking the Go button.
for example I am entering the value in Second section input it validate first and section of the page and throws error.
I have tried my best for this dynamic validation.But i Can't get my output.Because I am new to Jquery plugin validation part.Can any one help for my output?its urgent.
<form class="form-horizontal" id="register" method='post' action=''>
<table class = "Test">
<tr>
<td>Name:</td>
<td>
<input id ="NameInput" type="text" />
</td>
</tr>
<tr>
<td>LastName:</td>
<td> <input id ="LastName" type="text" /></td>
</tr>
<tr>
<td>Email:</td>
<td><input id ="EmailInput" type="text" /></td>
</tr>
<tr>
<td>Name:</td>
<td>
<input id ="NameInput" type="text" />
</td>
</tr>
<tr>
<td>LastName:</td>
<td> <input id ="LastName" type="text" /></td>
</tr>
<tr>
<td>Email:</td>
<td><input id ="EmailInput" type="text" /></td>
</tr>
<tr>
<td>Name:</td>
<td>
<input id ="NameInput" type="text" />
</td>
</tr>
<tr>
<td>LastName:</td>
<td> <input id ="LastName" type="text" /></td>
</tr>
<tr>
<td>Email:</td>
<td><input id ="EmailInput" type="text" /></td>
</tr>
<tr>
<td>Name:</td>
<td>
<input id ="NameInput" type="text" />
</td>
</tr>
<tr>
<td>LastName:</td>
<td> <input id ="LastName" type="text" /></td>
</tr>
<tr>
<td>Email:</td>
<td><input id ="EmailInput" type="text" /></td>
</tr>
<button type="submit" class="btn btn-primary">Go</button>
</table>
</form>
$(document).ready(function() {
var validator = $("#register").validate({
messages: {
NameInput: "Please enter your name",
LastName: "Please enter LastName",
EmailInput: {
required: "Please enter your name",
email: "Please enter a valid Email"
}
}
});
});