入力フォームの文字数制限

Question

初心者です。わかりづらいかもしれませんが、読んでいただければ幸いです。
絵文字を使ったパスワードをDBに登録するwebシステムを作っています。
文字数を最低4文字にしたいのですが上手くいきません
よろしくお願いします。

該当のソースコード

<input name="guess" class="formtext"  id="a1" accesskey="I" style="border-radius:5px;font-size: 150%; 
cursor: auto; background-color: rgb(204, 204, 255);" 
maxlength="8"rows="4" cols="45" wrap="hard" autocomplete="off" placeholder="絵文字4文字入力"required>

試したこと

rows="4"を入れたのですが、上手くいきませんでした。maxlengthにも反映されなかったため、文字にしか効かないと考えました。

Answer 1

絵文字を入力させるのは環境的な問題もありそうですから
一覧を表示させてクリックして入力させるなら
あとはpatternでジャッジできるかも

ただしトラブルのもとなのでuserやpasswordに英数（もしくはがんばっても記号まで）以外を
利用するのはやめたほうがよいです

Answer 2

htmlは改竄可能なのでPHP側でバリデートしてください。

本件とはあまり関係ないですがtype=textでrows,colsは何の意味も持ちません。

Answer 3

文字数の上限値を指定する属性は maxlength です (MDN)

---

追記
失礼、下限値でしたね。下限値は minlength です

Comments

[thyda.eiqau]

あーーでも絵文字か……
maxlength, minlengthはUTF-16で検証するので、「????」これなんかは2文字になっちゃうんですよね。JavaSciprtでsubmitイベントを拾って文字数チェックしたほうがいいかもですね