Controllare la lunghezza del valore di input

Question

Ho un problema con il controllo dell'input. Non voglio per inviare la richiesta se la lunghezza di ingresso è inferiore a 3.

La mia forma:

<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

È possibile aggiungere un modulo gestore onsubmit, qualcosa di simile:

<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> 

Answer 2

<input type='text' minlength=3 /><br />

se il browser supporta HTML5,

si auto matico essere convalidare attributi (MINLENGTH) nel tag

ma Safari (iOS) non lavora