Ага сделал через submit, но сейчас встал другой вопрос как связать две проверки. Сейчас получается если ввести в поле не email то проверка с blur не пойдет но так как поле уже не пустое то проверка с submit пройдет.
Как их вязать друг с другом? сделать переменную внутри blur и проверять потом ее в submit?
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#foo').submit(function () {
if($('#email').val() == '') {
$('#email').css({'border' : '1px solid #ff0000'});
$('#valid').text('Поле email не должно быть пустым');
}
else{
$('#valid').text('Все верно');
}
});
$('#email').blur(function() {
var pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;
if(pattern.test($(this).val())){
$(this).css({'border' : '1px solid #569b44'});
$('#valid').text('Верно');
} else {
$(this).css({'border' : '1px solid #ff0000'});
$('#valid').text('Не верно');
}
});
});
</script>
</head>
<body>
<form id="foo" action="/">
<input id="email" type="text"/>
<div id="valid"></div>
<input type="submit" value="button"/>
</form>
</body>
</html>