JSFiddle - React, Tailwind, and code Playground

JavaScript

jQuery(function ($) {

    $('.basic_login').click(function (e) {
        $("#modal_login").modal({
                overlayClose: true,
                opacity: 45,
                position: [98],
                onOpen: function (dialog) {
                      $("#login_form").validate({
                            debug: false,
                            rules: {
                                email: { required: true},
                                password: { required: true }
                        },
                        submitHandler: function(form) {
                            // do other stuff for a valid form
                            $.post('checks/check_login.php', $("#login_form").serialize(), function(data) {
                                $('.results_login').html(data);
                            });
                        }
                    }); 
                    dialog.overlay.fadeIn(200, function () {
                        dialog.data.show();
                        dialog.container.fadeIn(200);
                    });    
                },
                onClose: function (dialog) {                    
                            $.modal.close();
                            window.scrollTo(0,0)
                }
        });  
    });
});