Ajax when typing text (autocomplete, helpers...)

Processes the ajax call while typing


Useful and well-known for auto-completions and filters, the domajax keyup event will process the ajax call while users are typing visible characters. This event uses data-delay to set a type watcher (by default 800 milisecs), so the ajax call is only processed if user stops typing during 800 milisecs. This event also uses data-value to avoid processing ajax requests when invisible keys are pressed, such as control, alt, arrow keys, shift and so on.

Usage


  • class="domajax keyup"
 

Live examples

This form looks like this:


<label for="criteria">Search a country</label>

<input
        type="text"
        id="criteria"
        name="criteria"
        class="domajax keyup"
        data-endpoint="event-keyup-filter-handler.php"
        data-input=""
        data-output="#output"
        data-lock=""
        />

<div id="output"></div>

This form looks like this:


<label for="nickname">Enter a Mario Bros character's name</label>

<input
        type="text"
        id="nickname"
        name="nickname"
        value=""
        class="domajax keyup"
        data-endpoint="event-keyup-nickname-handler.php"
        data-input=""
        data-output="#availability-icon"
        />

<span id="availability-icon"><i class="icon-remove"></i></span>


Table of contents

All the documentation at a glance

Domajax options

And more with domajax