Would you like to contact us ?

1. Contact us

html { scroll-behavior: smooth; } * { font-family: 'Montserrat', sans-serif; box-sizing: border-box; margin: 0; padding: 0; } #contact-form { display: flex; flex-direction: column; } #contact-form label { margin-bottom: 5px; color: #777777; } #contact-form input[type="text"], #contact-form textarea { padding: 10px 12px; outline: none; color: #767676; border: 1px solid #e3e3e3; margin-bottom: 15px; background: #fdfdfd; } #contact-form textarea { overflow: auto; outline-offset: 0px; } #contact-form input[type="checkbox"] { cursor: pointer; margin-right: 5px; } #send-contact { margin-top: 15px; background: #EA6927; outline: none; border: 1px solid #EA6927; color: white; cursor: pointer; padding: 7px 15px; border-radius: 5px; transition: all ease 0.2s; margin-bottom: 10px; } #send-contact:hover { background: white; border: 1px solid #EA6927; color: #EA6927; } #error-form-submition.active { display: block; animation: error-submit normal ease 0.5s; } @keyframes error-submit { 0% { transform: translateX(0px); } 25% { transform: translateX(-10px); } 50% { transform: translateX(20px); } 75% { transform: translateX(-10px); } 100% { transform: translateX(0px); } } #error-form-submition { background: rgba(255, 0, 0, 0.178); padding: 10px 15px; border-radius: 5px; margin-bottom: 20px; border: 1px solid rgba(255, 0, 0, 0.246); display: none; position: relative; } #error-form-submition::after { content: "🚨"; font-size: 20px; display: block; position: absolute; top: -15px; right: -15px; } .blague { display: none; }
Veuillez remplir tous les champs
</div function isEmail(email) { const re = /^(([^()[\]\\.,;:\s@"]+(\.[^()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); } function error(msg) { const error = document.querySelector('#error-form-submition') error.innerHTML = msg error.classList.remove('active') error.classList.add('active') window.scrollTo(0, 0) //document.location.href = '#error-form-submition' } const btn = document.querySelector('#send-contact') btn.addEventListener('click', (e) => { e.preventDefault() if (document.querySelector('#contact-form input#first_name').value.length > 0) { if (document.querySelector('#contact-form input#last_name').value.length > 0) { if (document.querySelector('#contact-form input#email').value.length > 0) { if (document.querySelector('#contact-form input#company').value.length > 0) { if (document.querySelector('#contact-form textarea').value.length > 0) { if (isEmail(document.querySelector('#contact-form input#email').value)) { if (document.querySelector('#contact-form input#scales').checked) { //console.log('ok') document.querySelector('#contact-form').submit(); } else { error("You must accept our conditions before submitting this form.") } } else { console.log(document.querySelector('#contact-form input#email').value) error("The format of the submitted e-mail address is not valid.") } } else { error("You must add a message before submitting this form.") } } else { error("You must fill in your company name before submitting this form.") } } else { error("You must fill in your email before submitting this form.") } } else { error("You must fill in your last name before submitting this form.") } } else { error("You must fill in your first name before submitting this form.") } })

2. You are a Sofacto customer needing help using the app ?

Find your answer on our
Knowledge Base 


Contact our support team :

moc.otcafos@troppus

3. SOFACTO SAS