<section class="quote-form">
    <form id="my_form2">
        <fieldset>
            <div class="form-group">
                <input type="text" name="mmm1" id="mmm1" placeholder="Ad Soyad" class="form-control" required data-error="NEW ERROR MESSAGE">
            </div>
            <div class="form-group">
                <input type="email" name="mmm2" id="mmm2" placeholder="Mail" class="form-control" required data-error="NEW ERROR MESSAGE">
            </div>
            <div class="form-group">
                <input type="tel" name="mmm3" id="mmm3" placeholder="Telefon" class="form-control" required data-error="NEW ERROR MESSAGE">
            </div>
            <div class="form-group">
                <input type="text" name="mmm4" id="mmm4" placeholder="Firma Adı" class="form-control" required data-error="NEW ERROR MESSAGE">
            </div>

            <div class="col-xs-12 col-sm-6 col-md-6">
                <div class="form-group" style="margin: 0 0 0px;">
                    <ul>
                        <li><input type="checkbox" id="mmm5" name="mmm5" value="Seçim 1"><label> Seçim 1</label></li>
                        <li><input type="checkbox" id="mmm6" name="mmm6" value="Seçim 2"><label> Seçim 2</label></li>
                        <li><input type="checkbox" id="mmm7" name="mmm7" value="Seçim 3"><label> Seçim 3</label></li>
                        <li><input type="checkbox" id="mmm8" name="mmm8" value="Seçim 4"><label> Seçim 4</label></li>
                    </ul>
                </div>
            </div>


            <span id="status"></span>

            <button class="btn btn-success main-bg-color" type="submit" id="mybtn2">Teklif Al</button>
        </fieldset>
    </form>
</section>

    function _(id){ return document.getElementById(id); }

    _("my_form2").addEventListener("submit", e => {
        e.preventDefault()
        _("mybtn2").disabled = true;
        _("status").innerHTML = 'Lütfen bekleyin ...';
        let fd = new FormData();
        [...document.querySelectorAll("#my_form2 input:not(input[type='checkbox'])")].forEach(value => {
            fd.append(value.getAttribute("name"), value.value)
        });
        [...document.querySelectorAll("#my_form2 input[type='checkbox']")].forEach(value => {
           if (value.checked)
               fd.append(value.getAttribute("name"), value.value)
        });
        let ajax = new XMLHttpRequest();
        ajax.open( "POST", "ajax.php" );
        ajax.onreadystatechange = function() {
            if(ajax.readyState === 4 && ajax.status === 200) {
                if(ajax.responseText === "Gönderme başarılı"){
                    _("my_form2").innerHTML = '<h2>Teşekkürler, mesajınız İletilmiştir.</h2>';
                } else {
                    _("status").innerHTML = ajax.responseText;
                    _("mybtn2").disabled = false;
                }
            }
        }
        ajax.send(fd);
    })