web-dev-qa-db-ja.com

入力値の長さを確認してください

入力チェックに問題があります。入力長が3未満の場合、リクエストを送信しません。

私のフォーム：

<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>
javascriptvalidationinput
15
user1609394

次のようなフォームのonsubmitハンドラを追加できます。

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

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

ブラウザがhtml5をサポートしている場合、

タグの属性（minlength）を自動的に検証します

しかし、Safari（iOS）は動作しません

3
ogelacinyc