pengesahan borang html5

Question

Bagaimana untuk melaksanakan kotak pengesahan asli dalam HTML5, seperti yang diperlukan, corak, dll., apabila pengesahan tidak sah? Mengapakah kotak gesaan dengan kandungan berbeza muncul apabila ia tidak sah kerana kekangan berbeza tidak dipenuhi? Adakah ia dilaksanakan dengan menggabungkan peristiwa tidak sah dan atribut kesahan? Bagaimanakah kaedah setCustomValidity() berfungsi? Saya rasa kandungan ini semakin mengelirukan apabila saya membacanya, jadi saya ingin nasihat daripada pakar...

Answer 1

Pergi lihat pengesahan borang di MDN Saya rasa ia agak jelas. Anda boleh mengikuti demo kecil dan anda akan memahaminya dengan perlahan.

Answer 2

diperlukan: Pengesahan kosong, contohnya:

<form>
    <input type="text" required oninvalid="setCustomValidity('此处不能为空！')" oninput=('setCustomValidity()')>
    <input type="submit" value="提交">
</form>

Jika nilai input[type=text] kosong, kotak gesaan akan muncul dan penyerahan borang akan dihalang
corak: sepadan dengan ungkapan biasa, contohnya:

<form>
    <input type="text" pattern="[0-9]{3}" oninvalid="setCustomValidity('请输入3个数字！')" oninput=('setCustomValidity()')>
    <input type="submit" value="提交">
</form>

Jika nilai input[type=text] bukan 3 digit, gesaan akan dibangkitkan apabila mengklik butang hantar