HTML5 Form Validation

Testing html forms validation

HTML

<script src="http://www.trustweb.it/modernizr.js"></script>
<form action="#" method="post" id="form_pre_join">
    
    <input name="email" id="form_email" class="form_input" type="email" placeholder="Inserisci la tua email" autocomplete="on" required="required" title="Inserisci la tua email e registra il tuo account" />
    
    <br />
    
    <input type="checkbox" id="legal_notes" title="Per creare un account devi accettare le note legali" required="required" /> <label for="legal_notes">Accetto le <a href="#" title="Leggi le note legali">note legali</a></label>
    
    <br />
    
    <input type="submit" id="form_submit" value="Iscriviti" title="Crea il tuo account gratuitamente" />
    
</form>

JavaScript

yepnope(
{
    test : Modernizr.inputtypes.email && Modernizr.input.required && Modernizr.input.placeholder && !jQuery.browser.safari,
    nope : 'http://www.trustweb.it/webforms_home.js'
});