HTML:
<form action="" method="post">
<input data-required="" type="text" name="name">
</form>
jQuery:
<script>
$('form').on('submit', function(event) {
event.preventDefault();
noErrors = true;
$.each($('form [data-required]'), function(index, element) {
if($(element).val() == '') {
noErrors = false;
$(element).css('border', '1px solid red');
} else {
$(element).css('border', 'unset');
}
});
if(noErrors) {
$(this).trigger('submit');
}
});
</script>
Конечно, вы можете поиграть с тем, что происходит со стилем элемента, или добавить некоторую другую проверку перед конец.