Contact form

success in every browser except for firefox

HTML

<div id="contact-form-wrapper" class="align-right-50 lazyload">
          <div id="contact-form-padding">
            <h2>Send oss en melding</h2>
            <p><span class="required">*</span> obligatorisk felt som du må fylle ut</p><br>
            
            <div class="errorsOutput">
            </div>
            <div class="skjema">
            <form id="kontaktskjema" action="nyhandler.kontakt.php" method="post"  novalidate>

              <input type="hidden" id="sendtfra" name="Sidetittel" value="{title}" />
              <input type="hidden" id="sendtfraURL" name="Side URL" value="{url}" />
              
              <div class="navnboks">  
                    <p>
                    <label for="navn">
                    <span>* Navn:</span>
                  <input type="text" id="navn" name="navn" required minlength="3" class="input-text w100">
                  <span class="errorkontakt" aria-live="polite"></span>
                </label>
              </p>    
            </div>
              
            <div class="mailboks">
                  <p>
                    <label for="mail">
                      <span>* E-post:</span>
                      <input type="email" id="mail" name="mail" required minlength="6" class="input-text w100">
                      <span class="errorkontakt" aria-live="polite"></span>
                    </label>
                  </p>
                </div>
              
                <div class="teleboks"> 
                      <p>
                        <label for="telefon">
                          <span>* Telefonnummer:</span>
                          <input type="tel" id="telefon" name="telefon" required minlength="8"  class="input-text w100">
                          <span class="errorkontakt" aria-live="polite"></span>
                        </label>
                      </p>
                    </div>
              
                    <div class="messageboks"> 
                          <p>
 ...

JavaScript

const form  = document.getElementById('kontaktskjema');
    const email = document.getElementById('mail');
    const emailError = document.querySelector('#mail + span.errorkontakt');
    const navn = document.getElementById('navn');
    const navnError = document.querySelector('#navn + span.errorkontakt');
    const telefon = document.getElementById('telefon');
    const telefonError = document.querySelector('#telefon + span.errorkontakt')
    const message = document.getElementById('message');
    const messageError = document.querySelector('#message + span.errorkontakt')
    const navnboks = document.querySelector('.navnboks')
    const teleboks = document.querySelector('.teleboks')
    const mailboks = document.querySelector('.mailboks')
    const messageboks = document.querySelector('.messageboks')
    const vernboks = document.querySelector('.vernboks')
    const personvern = document.getElementById('checkbox');
    const personvernError = document.querySelector('#checkbox + span.errorkontakt')
    const submitbtn = document.getElementById('submitbtn');







    
    
    // THIS DIV WILL CONTAIN ERROR MESSAGES
    const errOutput = document.querySelector('.errorsOutput')


    email.addEventListener('input', function (event) {
      if (email.validity.valid) {
        mailboks.setAttribute("class", "data-validation-error-ok" )

        emailError.innerHTML = ''; 
        emailError.className = 'errorkontakt'; 
      } else {
        showError();
      }
    
    });


    navn.addEventListener('input', function (event) {

        if (navn.validity.valid) {
          navnError.innerHTML = '';
          navnError.className = 'errorkontakt';
          navnboks.setAttribute("class", "data-validation-error-ok" )

        } else {
            showError();
        }

    })

     telefon.addEventListener('input', function (event) {

        if (telefon.validity.valid) {
            telefonError.innerHTML = '';
            telefonError.className =...