Проверка формы Javascript

Question

Я делаю некоторые основные проверки формы.

У меня есть следующая функция JavaScript

function fullField(x,span_id)
{
var result=false;
if(x.value==0)
{
    document.getElementById(span_id).innerHTML =" Required";
    result=false;
}else{
    document.getElementById(span_id).innerHTML="";//can use tick <img src='images/site_images/tick.png' />
    result=true;
}

return result;
}

У меня есть вход, который проверен onblur

<input type='text' onblur='return fullField(this,'span1')name='first_name' />
<span id='span1'></span>

Функция работает, записывая «Обязательный» в промежуток, если человек уходит с поля, не заполняя его. Однако, когда я нажимаю «Отправить», форма все равно отправляется. Я думаю, что здесь упущен какой-то фундаментальный момент, потому что я думаю, что если любое из полей в моей форме вернет false, то форма не будет отправлена. Это единственный способ обойти это, чтобы проверить всю форму снова на представлении?

Answer 1

Вы можете создать переменную на странице, которая будет установлена ​​в значение false, если проверка по полю не удалась, а затем для формы onSubmit (return (myValidationVariable)) - не самый элегантный дизайн, но он должен хорошо работать с вашей текущей настройкой.