我有一个正在使用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上显示任何错误。
可能是什么原因?
答案 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();
});
});
试试这个:
$('#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();
});
});
});