Как проверить форму поиска на введенные символы?

Question

[westdp]

Ребята привет, подскажите как проверить форму поиска на количество введенных символов и пустое поле ввода, чтобы их было не меньше 3-х и при введенных спец. символах(?,% и т.д) поиск не срабатывал?

<form method="get" onsubmit="return empty_form()" id="mk-fullscreen-searchform" action="http://www3.cybervisiontech.com">
    <input type="text" value="" name="s" id="mk-fullscreen-search-input" style="box-shadow: rgba(255, 255, 255, 0.0980392) 0px 3px 0px 0px;">
    <i class="mk-icon-search fullscreen-search-icon"><input value="" type="submit"></i>
</form>

пустую форму я сделал:

function empty_form()
{
    var txt = document.getElementById('mk-fullscreen-search-input').value;
    var length = document.getElementById('mk-fullscreen-search-input').length;
    if(txt == '')
    {
        document.getElementById("mk-fullscreen-search-input").style.boxShadow = "0 3px 0 0 rgba(255, 0, 0, 0.4)";
        document.getElementById("text_form").innerHTML="Please type in your search terms correctly. Use descriptive words since this search is intelligent.";
        return false;
    }      
    return true;
}

Как мне переделать код чтобы это сделать, в JS я не силен)
Спасибо

Answer 1

[Андрей Федоров]

У html-тега input есть свойство pattern. Js конечно можно использовать, но зачем?

Comments

[westdp]

Андрей Федоров Спасибо, я даже не знал о этом свойстве)

[Андрей Федоров]

На здоровье. Вот вам бонусом https://regex101.com/ регулярки тестировать