Run jQuery function when a browser's automatically suggested option is clicked

http://stackoverflow.com/questions/16263777/run-jquery-function-when-a-browsers-automatically-suggested-option-is-clicked/16263808#16263808

by ouadie

HTML

<input class="ui_input2 no_space" id="input_email" type="email" name="email" style="height:25px; width:300px; font-size:16px;" required />

CSS

.valid {
	border-color: #0F0 !important;
}

.invalid {
	border-color: #F00 !important;
}

JavaScript

$(document).ready(function() {
	$('#input_email').on('input',function() {
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var val_i_email = $("#input_email").val();

        var empty = false;
        $('#input_email').each(function() {
            if (val_i_email < 5 || !emailReg.test(val_i_email)) {
                empty = true;
            }
        });

        if (empty) {
            $(this).addClass("invalid");
			$(this).removeClass("valid");
        } else {
			$(this).addClass("valid");
			$(this).removeClass("invalid");
        }
    });
});