Inline Form Validation

This example validates an email address format and uniqueness (only test@test.com will work) when the input fires a 'change' event.

Note that the "server side" implementation is mocked out using mockjax, so you can see the entire implementation. Click the "Source Code" tab to see the code.

Explanation

  • A intercooler-based form tag is being used.
  • Within the form tag is an input for an email that does server side validation. It does this by using a ic-post-to to post the email to the server when the input changes. It targets the enclosing div tag, using the ic-target attribute and the closest syntax. Because we need to replace the entire div to get the proper styling, the ic-replace-target attribute is set to true

Demo

Contact Info