Process a form field as soon as its state or value changed.
For a better user experience, use domajax change classes to process a domajax call when
a field state (checkbox, radio, ...) or value (text, textarea) changed.
An application without OK buttons
feels smooth and smart!
This form looks like this:
<label class="checkbox inline no_indent">
<input
type="checkbox"
id="hello"
value="world"
class="btn domajax change"
data-endpoint="event-change-tick-handler.php"
data-input=""
data-output="#output"
/> Click me!
</label>
<div id="output"></div>
This form looks like this:
<div
id="demo"
data-endpoint="event-change-autosave-handler.php"
data-input="#demo"
data-output="#output"
data-highlight-complete=""
data-lock="#demo"
>
<label>Gender :</label>
<label id="gender-male" class="radio">
<input name="gender" type="radio" value="Male" class="domajax change" data-alias="#demo"
data-highlight-complete="#gender-male" checked/> Male
</label>
<label id="gender-female" class="radio">
<input name="gender" type="radio" value="Female" class="domajax change" data-alias="#demo"
data-highlight-complete="#gender-female"/> Female
</label>
<label>First Name :</label>
<input name="first-name" type="text" value="Mickael" class="domajax change" data-alias="#demo"/>
<label>Last Name :</label>
<input name="last-name" type="text" value="Steller" class="domajax change" data-alias="#demo"/>
<label>Language :</label>
<select name="language" class="domajax change" data-alias="#demo">
<option value="en">English</option>
<option value="fr">French</option>
<option value="cn">Chinese</option>
</select>
<label>Message :</label>
<textarea name="message" class="domajax change" data-alias="#demo">Hello, world!</textarea>
<label id="steak-label" class="checkbox">
<input name="steak" type="checkbox" class="domajax change" data-alias="#demo"
data-highlight-complete="#steak-label"/> I like steaks
</label>
</div>
<div id="output"></div>
This form looks like this:
<label for="name">Enter your name</label>
<input
type="text"
id="name"
name="name"
value="Mike"
class="btn domajax change"
data-endpoint="event-change-enter-handler.php"
data-input=""
data-output="#output"
/>
<div id="output"></div>
All the documentation at a glance