Kiểm tra độ dài giá trị đầu vào

Question

Tôi gặp sự cố với kiểm tra đầu vào. Tôi không muốn để gửi yêu cầu nếu độ dài đầu vào là ít hơn 3.

hình thức của tôi:

<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

Bạn có thể thêm một handler onsubmit hình thức, một cái gì đó như:

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

nếu trình duyệt hỗ trợ html5,

nó sẽ tự động thuộc tính xác thực hợp lệ (minlength) trong thẻ

nhưng Safari (iOS) không hoạt động