我正在使用带有4个标签的jquery tabify,每个内容通过ajax调用相同的表单。(假设form.php) 第一个选项卡一切正常与表单。 第2,第3和第4个选项卡无法获得输入类型=“文本”值
tabify字段(实际上这里有4个标签,因为代码很长,我把它缩短了):
$(document).ready(function () {
$('#general_information_tab').tabify();
});
function recp(refer,id,plan){
if(plan == 0)
{
$('.stgcontent').load('stage/stage_procedure1.php?plan_id=' + id + '&T_REFERID=' + refer );
}else{
$('.stgcontent').load('stage/new_taskstg.php?plan_id=' + id + '&T_ID=' + refer);
}
<div id="general_tab_content">
<ul id="general_information_tab" class="general_information_tab">
<li class="active"><a href="#one" onClick="recp('1','<?php echo $plan_id; ?>','0')" >Immediate Response Steps</a></li>
<div id="one" class="content_gi">
<div class="stg1">
<a href="#" onClick="recp('1','<?php echo $plan_id; ?>','1')" class="stg1"><img src="images/task/add.ico" height="10px" width="10px" /> Add Task</a>
<div class="stgcontent">
<script type="text/javascript">
recp('1','<?php echo $plan_id; ?>','0');
</script>
</div>
</div>
</div>
in new_taskstg.php
$(function(){
$(".newTaskSubmitBtn").click(function(){
var T_CONTENT = $(".task_name").val();
var T_REFERID = $(".refer").val();
var SAVE_PLAN = $(".plan").val();
var V_ID = $(".vendor").val();
var dataString='T_CONTENT=' + T_CONTENT + '&T_REFERID=' + T_REFERID + '&SAVE_PLAN=' + SAVE_PLAN + '&V_ID=' + V_ID;
alert(T_CONTENT + T_REFERID + SAVE_PLAN + V_ID);
if(T_CONTENT=='' || T_REFERID=='' || SAVE_PLAN=='' || V_ID=='')
{
//ERROR MESSAGE
$(".fail").show();
$(".success").hide();
}
else
{
$.ajax({
type: "POST",
url: "stage/insert.php",
data: dataString,
success: function(data){
//SUCCESS MESSAGE
$(".success").show();
$(".fail").hide();
}
});
}
return false;
});
});
表单字段代码:
<input type="text" name="task_name" class="form_input task_name" />
TEST I DID:
如上所述var T_CONTENT = $(“。task_name”)。val();并提示如此警报(T_CONTENT);它在第一个标签上显示的内容能够捕获它,而第二个第三个和第四个标签失败...
怀疑多个实例有问题......
答案 0 :(得分:0)
解决了问题。 Mian点是为了避免多个实例,因为tabify无法区分表单中的哪个选项卡,并且它需要4个选项卡。所以为了解决我的情况,我只使用4种形式的唯一ID。