Jak mogę ustawić aby wypełniający formularz dynamicznego pola tekstowego wpisał określoną ilość znaków nie mniej i nie więcej np 12?
maxlength="12" ogranicza ilość do 12 lecz maksymalnie.
Poniżej kod skryptu, który chciałbym w ten sposób zabezpieczyć. Czy można to zrobić bezpośrednio w php, a nie w javascripcie który można wyłączyć?
<script src="js/addInput.js" language="Javascript" type="text/javascript"></script>
<div id="dynamicInput">
Numer seryjny urządzenia<b><font color="#FF0000">*</font></b> 1: <input type="text" name="myInputs[]" maxlength="12" > np 6544/2014-01
</div>
<input type="button" value="Dodaj kolejny numer seryjny urządzenia" onClick="addInput('dynamicInput');">
kod pliku js/addInput.js
var counter = 1;
var limit = 20;
function addInput(divName){
if (counter == limit) {
alert("Można dodać tylko 20 numerów seryjnych urządzenia w jednym formularzu ");
}
else {
var newdiv = document.createElement('div');
newdiv.innerHTML = "Numer seryjny urządzenia<font color='#FF0000'>*</font> " + (counter + 1) + ": <input type='text' maxlength='12' name='myInputs[]'>";
document.getElementById(divName).appendChild(newdiv);
counter++;
}
}