With this you can easily validate your entries.
//add this to your attributes to your input fields af-input = add the class to your field ev-obj-name = this will become the json object name ev-msg = an alert message your user will see required = if you want to make the field required...which means your user will have to fill in the info
//example > simple <input type="password" class="af-input" ev-obj-name="user_password"> //example > custom alert <input type="text" class="af-input" required ev-obj-name="user_name" ev-msg="enter user name 123"> //You can use custom types: input, textarea, checkbox, select use this attribute > ev-type="select" //custom > dropdown list <select class="af-input" required ev-type="select" ev-msg="You need to select one" ev-obj-name="user_selection_option"> <option value="" >Please select one </option> <option value="saab">Saab </option> <option value="mercedes">Mercedes </option> <option value="audi">Audi </option> </select>
$(document).on('click', '.Login_Btn', function(event)
{
event.preventDefault();
//this the top contianer element where you fields are in
var e0 = $(document).find('.LoginForm');
//will return a json object with values that you can send to your server
var check = e0.easyvalidator();
if(check )
{
//check variable will have your json object
}
});
Example