jquery velidation for eamil

jquery velidation for eamil

by dhaval dave

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form id="login-form" method="post" accept-charset="UTF-8" novalidate="novalidate">

<input id="login_username" class="form-control valid" type="text" value="" name="login_username" aria-required="true" aria-invalid="false">
<button class="btn-primary btn btn-default" type="submit" name="button">Login</button>
</form>

JavaScript

$(function() {
	// Setup form validation on the #register-form element
	$("#login-form").validate({
		// Specify the validation rules
		rules: {
			login_username: {
				required: true,
				email: true
			}
		},
		// Specify the validation error messages
		messages: {			
			login_username: "Please enter a valid email address"
		},
		submitHandler: function(form) {
			form.submit();
		}
	});
});