JSFiddle - React, Tailwind, and code Playground

by braincracking

HTML

<ol id="logger">
<li>logger</li>
</ol>

JavaScript

function mylog(sLog) {
    var oLi = document.createElement('LI');
    oLi.innerHTML = sLog;
    document.getElementById('logger').appendChild( oLi );
};

MY_APP_NAMESPACE = {};
    
(function(){ // début de scope local
MY_APP_NAMESPACE.utils = MY_APP_NAMESPACE.utils || {};
// déclaration de la classe de validation proprement dite
MY_APP_NAMESPACE.utils.validation = {
    // déclaration de nos variables statiques
    regMail: /^[\w-]+(?:\.[\w-]+)*@(?:[\w-]+\.)+[a-zA-Z]{2,7}/,
    regPassword: /^[a-zA-Z0-9.\/\\+=%ù£*^¨_&!@#-]{3,50}/,
    // déclaration de nos méthodes
    isMailValid:function( sMail ) {
        return (self.regMail.exec( sMail ) != null);
    },
    isValidPassword:function( sPassword ) {
        return (self.regPassword.exec( sPassword ) != null);
    }
}; // fin de classe

// trick JS pour émuler le self:: en PHP : on utilise une variable locale
var self = MY_APP_NAMESPACE.utils.validation;
})(); // fin de scope local

mylog(MY_APP_NAMESPACE.utils.validation.isMailValid( '[email protected]' ));