Валидация формы не работает!?

Question

[Лобстер]

Пишу скрипт который проверяет заполнен ли input. Что-то он у меня не работает. =( https://jsfiddle.net/cmxbL1bb/

Answer 1

[Нурлан]

jsbin v.1
jsbin v.2

Comments

[Лобстер]

это не то. нужно на чистом js. по этому я и пытаюсь на нём написать

[Pretor DH]

А смысл писать на JS?

[Лобстер]

Pretor DH: пытаюсь учиться самостоятельно. Учусь как могу.

[artemsee]

Тостер: все правильно делаете, для изучения JS написание своего валидатора хорошая задача.

[Нурлан]

Моя косяк, в первой ссылке было решение на JS, но случайно его затер. Вот jsbin.com/sibibeqolu/edit?html,js,output

Answer 2

[artemsee]

Ваш код в принципе работает, вы напутали с переменными в функции валидации:

var name = form.email.value; // тут переменная должна называться email, а не name
var name = form.phone.value;// тут переменная должна называться phone, а не name
	if(email == "" || email == " ")//Зачем тут двойная проверка?

Также, если вы вызываете JS прямо из вашего html, то JS код должен обработаться браузером раньше чем html, для этого, если речь идет про jsfiddle, надо в поле ввода JS кода нажать значок настройки и выбрать там LoadType -> in Head. Соответственно, когда будите реализовывать на странице то там тоже нужно будет JS код объявить в секции head.

Comments

[Лобстер]

О_о чО кхм, а где там такое ничего не понял. и почему в head объявлять нужно? Вот так оно у меня выглядит в редакторе кода и ничерта не работает https://jsfiddle.net/se6mrhfo/

[artemsee]

Тостер: Попробуй у себя вынести определение функции valid из $(document).ready(). Для того что бы вызвать JS функцию из HTML тебе нужно объявить ее в глобальном скоупе, а когда ты определяешь ее внутри $(document).ready(function(){...}), ты определяешь ее в скоупе callback-функции которую ты передаешь в ready