Latihan 1 dari materi Validasi Form HTMX di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya form registrasi (hx-post="/api/register", hx-target="#form-result") dengan input email ber-required, <span class="error"> di sebelahnya, tombol Daftar, dan <div id="form-result">. Biarkan semuanya, lalu di <input name="email">:
hx-post="/api/validate-email" supaya email dicek ke server.hx-trigger="blur" supaya cek itu jalan saat kotak email ditinggalkan.hx-target="next .error" supaya pesannya masuk ke span di sebelahnya. Tanpa itu, input mewarisi hx-target="#form-result" dari form, dan pesannya masuk ke sana.Yang dicek:
<form>.<input name="email"> punya hx-post persis /api/validate-email.<input name="email"> punya hx-trigger yang gak kosong dan memuat blur.<input name="email"> punya hx-target persis next .error.hx-trigger dan blur di luar komentar.Di pratinjau, klik kotak email lalu klik di luar: htmx mengirim POST /api/validate-email, yang dijawab 404 karena belum ada contoh balasan, jadi gak ada pesan yang muncul.
