Eingabewertlänge prüfen

Question

Ich habe ein Problem mit der Eingabeüberprüfung. Ich möchte nicht, um die Anforderung senden, wenn die Eingabelänge kleiner als 3

Meine 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

Sie ein Formular onsubmit Handler hinzufügen können, so etwas wie:

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

wenn Browser html5 unterstützt,

es wird automatisch sein atikalische Validierung Attribute (minlength) in Tag

aber Safari (iOS) nicht funktioniert nicht