Реализовал по своему поддержку html5 атрибутов require и pattern а также типа email - кроссбраузерно! Всё в виде небольшого модуля к jquery, от вас требуется лишь подключить файл модуля и задать CSS и функцию ошибки.

Модуль можно взять тут: http://xmast.net/h5c-min.js
Пример можно посмотреть тут: http://xmast.net/html5test.html

Пример используемого кроссбраузерного CSS:
input[type=text]:focus:valid,
input[type=email]:focus:valid,
input[type=number]:focus:in-range
{
outline: #0f0 solid 1px;
}

.valid
{
outline: #0f0 solid 1px;
}

input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=number]:focus:out-of-range
{
outline: #f00 solid 1px;
}

.invalid
{
outline: #f00 solid 1px;
}

подключение и ф-ия ошибки:
<meta name="X-UA-Compatible" content="IE=9">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="h5c-min.js"></script>
<script type="text/javascript">
$.html5verror = function (eid) {
var message = ['Необходимое поле не заполнено!', 'Неверный формат!'];
$('#error').html(message[eid]);
}
</script>

Проверялось в Safari, Opera 11, Chrome 3, Firefox 3.6, IE8, IE9

всё работает!

>jquery подключать не айс он весит много

для тебя 26 кб это много? я тебе соболезную, помоему jquery самый продвинутый фреймворк и используется сейчас везде почти

Gemorroj, тут можно самому сделать как он и куда будет вделываться) с дивом чисто пример