Check input value length

Question

I have a problem with input checking. I don't want to send the request if the input length is less than 3.

My form:

<form method='post' action=''>     Albūma nosaukums: # # this is the input --><input id='titleeee' type='text' name'album_title' /><br />      Bilde Nr 1: <input type='file' name='pic_nr1' /><br />     Bilde Nr 2: <input type='file' name='pic_nr2' /><br />     Bilde Nr 3: <input type='file' name='pic_nr2' /><br />      Aktīvs*:      <select>         <option>Jā</option>         <option>Nē</option>     </select>      <br />      <input Onclick='testlenght(document.getElementById("titleeee"), "Tavs albūma nosaukums ir pa īsu!", "3")' type='submit' value='Pievienot' /> </form> 

Answer 1

You can add a form onsubmit handler, something like:

<form onsubmit="return validate();">  </form>   <script>function validate() {  // check if input is bigger than 3  var value = document.getElementById('titleeee').value;  if (value.length < 3) {    return false; // keep form from submitting  }   // else form is good let it submit, of course you will   // probably want to alert the user WHAT went wrong.   return true; }</script>