Edit Question - KnowledgeHub

Title Body

For a custom image selection tool I would like to create form validation based on html 5 form validation. For example my form consists of the following elements: <form class="cms-form" action=""> <table width="800"> <tr> <td width="30%">Name:</td> <td><input type="text" name="name" class="cms-input-text" maxlength="127" /></td> </tr> <tr> <td>Image:</td> <td><textarea name="icon" class="cms-input-file" data-file-resource="images" data-options="{&quot;min&quot;:1,&quot;max&quot;:3}">/location-to-image.png</textarea></td> </tr> <tr> <td></td> <td><input type="submit" value="Next"/></td> </tr> </table> </form> I have a Javascript that changes the textarea (.cms-input-file) into some html to add images and hides the original textarea. It looks something like this: <textarea name="icon" class="cms-input-file" data-file-resource="images" data-options="{&quot;min&quot;:1,&quot;max&quot;:3}" style="display: none;">/location-to-image.png</textarea> <ul class="cms-input-file-list"> <li class="cms-input-file-item" data-image="/location-to-image.png"> <img src="/location-to-thumb.png" alt="" class="cms-input-file-item-thumbnail"/> <span class="cms-input-file-item-title">location to image</span> </li> <li class="cms-input-file-add">Add</li> </ul> Since I have allot of existing forms using html5 form validation I would like to validate this element using the default form validation within html5 supported browsers, but using a hopefully existing event. I'm looking for something like this:

Tags (comma-separated) Cancel