Ajax表单未在Chrome上提交

时间:2016-11-18 11:49:56

标签: javascript jquery html ajax google-chrome

我有一个正在使用Firefox但不适用于Chrome的表单。表单通过AJAX提交。

<div class="container-fluid">
    <div class="row container">
        <?php if (count($products) != 0) { ?>
            <form action="/cmajax.php" method="GET" class="gform">
                <label class='gfield_label' for='input_1_4'>
                    Alege Magazinul
                    <span class='gfield_required'>*</span>
                </label>
                <select name='cMagazin' id='input_1_4' onchange='gf_apply_rules(1,[0]);' class='medium gfield_select' tabindex='1'>
                    <option value='Bucuresti - Baneasa' selected='selected'>Bucuresti - Baneasa</option>
                    <option value='Craiova'>Craiova</option>
                    <option value='Constanta'>Constanta</option>
                    <option value='Cluj'>Cluj</option>
                    <option value='Timisoara'>Timisoara</option>
                    <option value='Iasi'>Iasi</option>
                    <option value='Pitesti'>Pitesti</option>
                    <option value='Sibiu'>Sibiu</option>
                    <option value='Targu Mures'>Targu Mures</option>
                </select>

                <label class='gfield_label' for='input_1_1'>Nume</label>
                <input name='cName' id='input_1_1' type='text' value='' class='medium' tabindex='2' />

                <label class='gfield_label' for='input_1_5'>Telefon</label>
                <input name='cTelefon' id='input_1_5' type='text' value='' class='medium' tabindex='3' />

                <label class='gfield_label' for='input_1_3'>Email</label>
                <input name='cEmail' id='input_1_3' type='text' value='' class='small' tabindex='4' />

                <label class='gfield_label' for='input_1_6'>Mesaj</label>
                <textarea name='cText' id='input_1_6' class='textarea medium' tabindex='5' rows='10' cols='50'></textarea>
                <input name='cID' id='input_1_11' type='hidden' class='gform_hidden' value='<?php echo $productsList; ?>' />
                <input name='cmd' id='input_1_10' type='hidden' class='gform_hidden' value='sendCerere' /><br/><br/>

                <input type='button' id='gform_submit_button_1' class='rovereButton button gform_button' value='Cere Cotatie' tabindex='6' />
            </form>
        <?php } ?>
    </div>
</div>          
$('document').ready(function() {
    console.log('x');
    $('#gform_submit_button_1').click(function(event) {
        if ($('#input_1_5').val() == '') {
            event.preventDefault();
            alert('Va rugam completati numarul dvs de telefon!');
            return false;
        }
        if ($('#input_1_3').val() == '') {
            event.preventDefault();
            alert('Va rugam completati adresa dvs de email!');
            return false;
        }
        $('#gform_submit_button_1').prop("disabled", true);
    });

    $('.btnStergere').click(function(ev) {
        ev.preventDefault();
        var pidd = $(this).attr('data-cm-prodid');
        var btn = $(this);
        $.ajax({
            type: "POST",
            url: "/cmajax.php",
            data: {
                cmd: "remQuote",
                pid: pidd
            }
        }).done(function(msg) {
            location.reload();
        });
    });
});

我查看了类似的主题,尝试将提交按钮的类型更改为&#34;按钮&#34;而不是&#34;提交&#34;,检查了文件声明,仍然没有找到解决方案。

控制台不会在chrome上显示任何错误。

可能是什么原因?

1 个答案:

答案 0 :(得分:1)

您的$ .ajax调用由$('。btnStergere')处理。单击,但是实际上并不是具有此类的按钮 你可能想要移动

print ''.join(map(chr, xrange(96, 126)))

下的

  $.ajax({
        type: "POST",
        url: "/cmajax.php",
        data: { cmd: "remQuote", pid: pidd }
        })
        .done(function( msg ) {
             location.reload();
        });     
    });     

jsfiddle link

试试这个:

 $('#gform_submit_button_1').click(function(event) {
$('document').ready(function(){

    $('#gform_submit_button_1').click(function(event) {
        if ($('#input_1_5').val() == '') {
            event.preventDefault();
            alert('Va rugam completati numarul dvs de telefon!');
            return false;
        }
        if ($('#input_1_3').val() == '') {
            event.preventDefault();
            alert('Va rugam completati adresa dvs de email!');
            return false;
        }
        $('#gform_submit_button_1').prop( "disabled", true );

    var pidd = $(this).attr('data-cm-prodid');      
    var btn = $(this);


    $.ajax({
        type: "POST",
        url: "/cmajax.php",
        data: { cmd: "remQuote", pid: pidd }
        })
        .done(function( msg ) {
             location.reload();
        });     
    });     
      

});