Ajax函数单独提交每个表单不起作用

时间:2013-11-06 20:23:45

标签: php jquery ajax

我一直试图解决这个问题几周,但我不是一个程序员,只是一个可怜的网站老板。如果只有一个表格而不是多个表格,我可以让它工作。

ajax

 function addRecord(form)
{

var first_first_name = form.querySelector('.first_firstname').val;
var first_last_name = form.querySelector('.first_lastname').val;
var second_first_name = form.querySelector('.second_firstname').val;
var second_last_name = form.querySelector('.second_lastname').val;
var team_name = form.querySelector('.team_name').val;

 if team_name == ' '){
    $("#propspectDiv").html('Enter A Valid Name');
    $('#TeamName').addClass('error');
    return;
        }else{
$('#TeamName').removeClass('error');
$("#propspectDiv").removeClass('error');
$("#propspectDiv").html('Entering Team Name.<img src="images/processing.gif" />');
 $.ajax({url : 'processPHP.php',
type:"POST",
data:{
 "first_firstname" : first_first_name,
 "first_lastname" : first_last_name,
 "second_firstname" : second_first_name,
 "second_lastname" : second_last_name,
 "team_name" : team_name,
},
 success : function(data){
window.setTimeout(function()
{
$("#propspectDiv").html('Team Name Added!');
$('#data').css("display","block");
$('#data').html(data);
}, 2000);
}
});
}
}

html表单 从php循环生成

<div style="border:3px;"><form id="<?php echo $form; ?>" method="post" />
<tr><td><input type="text" name="first_firstname" id="first_firstname" value="<?php echo $firstName[$i]; ?>" />
<input type="text" name="first_lastname" id="first_lastname" value="<?php echo $lastName[$i]; ?>" />
  Skill Level : <input type="text" name="skill" size="1" value="<?php echo $skill[$i]; ?>" /></td></tr>
<tr><td>WITH</td></tr>
<tr><td><input type="text" name="second_firstname" id="second_firstname" value="<?php echo $firstName[$o]; ?>" />
<input type="text" name="second_lastname" id="second_lastname" value="<?php echo $lastName[$o]; ?>" />
  Skill Level : <input type="text" name="second_skill" size="1" value="<?php echo $skill[$o]; ?>" /></td></tr>
<tr><td>Enter Team Name : <input type="text" name="team_name" id="team_name" value="" />
<input type="button" value="Submit" onClick="addRecord(this.form)" /></td></tr>
</form>

0 个答案:

没有答案