In this video, we'll look into Trigger Filters in HTMX. These are defined with a JavaScript expression in square-brackets after the normal event name used in the hx-trigger attribute, and they allow you to conditionally trigger the request based on conditions. In this video, we'll demonstrate triggering the username check request ONLY if the username that has been entered into the input element is greater than 3 characters length. ๐ ๐๐ต๐ฎ๐ฝ๐๐ฒ๐ฟ๐: 00:00 Intro 02:59 Using HTMX trigger filter 04:17 Trigger filter for checking username length 06:12 Using global JavaScript function as trigger filter โ๏ธ ๐๐๐ ๐บ๐ฒ ๐ฎ ๐ฐ๐ผ๐ณ๐ณ๐ฒ๐ฒ: To support the channel and encourage new videos, please consider buying me a coffee here: ๐ฆ๐ผ๐ฐ๐ถ๐ฎ๐น ๐ ๐ฒ๐ฑ๐ถ๐ฎ: ๐ Blog: ๐พ Github: ๐ฆ Twitter: ๐ ๐๐๐ฟ๐๐ต๐ฒ๐ฟ ๐ฟ๐ฒ๐ฎ๐ฑ๐ถ๐ป๐ด ๐ฎ๐ป๐ฑ ๐ถ๐ป๐ณ๐ผ๐ฟ๐บ๐ฎ๐๐ถ๐ผ๐ป: Trigger Filters: #trigger-filters #django #htmx #python
Hide player controls
Hide resume playing