input.error {
border: 1px solid red;
}$(document).on('submit', 'form', function(e) {
e.preventDefault();
if ( !formValidate(this) ) return;
console.log('send.')
$.ajax({
type: "POST",
url: 'url',
data: '',
success: function(data) {
console.log(data);
},
error: function(e) {
console.warn(e);
}
});
});
function formValidate(form) {
for (var i = 0; i < form.children.length; i++) {
if (form.children[i].type !== 'submit' && form.children[i].value.length === 0) {
// form.children[i].value.length === 0
// это условие можно модифицировать
console.log('bad value in', form.children[i]);
form.children[i].focus();
form.children[i].classList.add('error');
return false;
}
}
return true;
}
var form = document.querySelector('form');
for (var i = 0; i < form.children.length; i++) {
form.children[i].oninput = function() {
// уже незачем
}
form.children[i].onblur = function() {
if (this.value === '') {
this.classList.add('error');
} else {
this.classList.remove('error');
}
}
}