JavaScript не могу правильно программировать форму

338
18 февраля 2017, 04:55

Помогите не выводит значение из function s() нужно чтобы вывел "Good" если в <input>-е допустимое количество букв:

HTML Код:

<form id="myForm" name="myForm">
    <label for="user">UserName
        <input type="text" id="user" name="user">
    </label>
    <label for="psw">Password
        <input type="password">
    </label>
    <label for="gender" id="sex">
        Male<input type="Radio" Name="Gender" Value="Male" id="male">
        Female<input type="Radio" Name="Gender" Value="Female" id="female">
    </label>
    <label for="selMALE">Прически у мужчин
        <select name="selMALE" id="selMALE" disabled>
            <option value="Британка">Британка</option>
            <option value="Бокс">Бокс</option>
            <option value="Полубокс">Полубокс</option>
        </select>
    </label>
    <label for="selFEMALE" >Прически у женщин
        <select name="selFEMALE" id="selFEMALE" disabled>
            <option value="Пикси">Пикси</option>
            <option value="Ассиметричная">Ассиметричная</option>
            <option value="Шапочка">Шапочка</option>
        </select>
    </label>
    <a href="function:submit()"><button>Submit</button></a>
</form>

JavaScript Код:

var f = document.getElementById("myForm");
var userLength = f.user.value.length;
function s(){
    if (userLength > 3 && userLength < 10) {
        return console.log("Good");
    } else {
        return console.log("Bad");
    }   
};
Answer 1

Помимо назначения userLength не там, где следует, Вашу функцию надо хотя бы вызвать :)

function s() { 
  var user = document.getElementById("user").value; 
  if (user.length > 3 && user.length < 10) { 
    console.log("Good"); 
  } else { 
    console.log("Bad"); 
  }    
}
<input type="text" id="user" name="user"> 
<a href="javascript:s()"><button type="button">Submit</button></a>

READ ALSO
Оптимизация в htaccess

Оптимизация в htaccess

Я тут задавал вопросДабы не повторяться

363
Как вывести последние записи в рубрике wordpress?

Как вывести последние записи в рубрике wordpress?

Имеется 3 рубрики на wordpress, как вывести по одной последней статье из каждой рубрики?

386
Разметка html5 страницы каталога товаров

Разметка html5 страницы каталога товаров

Доброго времени сутокС выходом HTML5 появилось множество различных дополнительных тегов и многое другое

399