Webshims Polyfill - Validate Incoming Data

by Tony Tubbs

HTML

<script src="http://afarkas.github.com/webshim/demos/js-webshim/minified/extras/modernizr-custom.js"></script>
<script src="http://afarkas.github.com/webshim/demos/js-webshim/minified/polyfiller.js"></script>
<form id="myForm">
<ul class="emailList">
</ul>
<a class="addEmail" href="javascript:void(0)">[Add]</a>

<a class="doAlert" href="javascript:void(0)">[Alert]</a>
    <input type='submit'>
</form>

CSS

.user-error {
    border-color: red
}

JavaScript

jQuery.webshims.setOptions({ waitReady: false });
jQuery.webshims.polyfill('forms');

var emailItem = "<li><input type=\"email\" class=\"emailAddress\" value=\"abc123\" placeholder=\"Email Address\" maxlength=\"50\" required/></li>";

jQuery('.addEmail').click(function () {
    jQuery('.emailList').appendPolyfill(emailItem);
    
    // Validate incomeing data
    // jQuery('[placeholder]').blur();
});

jQuery('.doAlert').click(function () {
    alert('Hello!');
});