JSFiddle - React, Tailwind, and code Playground

by peterph

HTML

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<form method="post" id="form">
    <input id="E_Mail" name="E_mail" title="E_mail" required="required" /><br />
    <input class="submit" type="submit" value="Send"/>
</form>

JavaScript

jQuery(function($) {
    $("#form").submit(function(e) {
        var $form = $(this);
        alert('Start Validation');
        $form.validate({
            debug: false,
            focusInvalid: false,
            onfocusout: false,
            onkeyup: false,
            onclick: false,
            rules:
            {
                E_mail: {required:true, email:true },
            },
            success: function(label) {
                alert('succes:' + label);
            },
            submitHandler: function(form){
                alert('start submitHandler');
                postContent('test');
                alert('end submitHandler');
            },
            invalidHandler: function(form, validator) {
                alert('invalidHandler');
            },
        }).form();
        alert('end Validation');
        e.preventDefault();
    });
});


function postContent(postData){
    alert('postcontent: ' + postData);

}