2011-02-23 23 views
0

我有一个用户查看2个表单的数据的页面。一个叫数据部分1,另一个叫数据部分2.这两个表单顶部有一个EDIT按钮,用户可以在同一页面上编辑表单。2同一页面上的AJAX表单:如果另一个已经运行,则禁止打开一个

当用户单击编辑时,它向我的PHP控制器发送一个AJAX请求,并返回填充了所有输入字段的HTML。有用。

我的问题是,我想防止用户点击第一次编辑,然后再次编辑。如果他正在编辑第1部分(或第2部分),他必须保存,然后他可以编辑第二部分。当我保存表单时,我不通过AJAX保存,表单以普通的HTTP形式发送。

我该怎么做?这是很好的解释或需要一些图像的例子?

预先感谢您

更新:

<h2> 
    Form1 
    <a id="projects_historics_edit_part_1" href="#" class="submitButton submit insideH"><span>Edit</span></a> 
</h2> 


<div id="projects_historics_part_1"> 
    <!-- display for form 1, when click at button edit from inside h2, this loads the form via ajax --> 
</div> 

<h2> 
    Form2 
    <a id="projects_historics_edit_part_2" href="#" class="submitButton submit insideH"><span>Edit</span></a> 
</h2> 


<div id="projects_historics_part_2"> 
    <!-- display for form 2, when click at button edit from inside h2, this loads the form via ajax --> 
</div> 
+0

你有两种形式的单独编辑链接?一些标记将大大帮助我们... – Rafay 2011-02-23 13:37:37

+0

禁用使用'disabled =禁用'html属性的按钮,并且有一点javascript/jquery禁用表单的默认动作,条件是这两种表单都令人满意:) – Val 2011-02-23 13:39:19

+0

@ 3nigma:我更新了一些代码。谢谢 – udexter 2011-02-23 13:44:49

回答

1

有几个选项,你都不可能丝进入编辑按钮JavaScript功能将禁用其他编辑按钮,以待救。

按钮1的onclick:

$('#button2Id').attr('disabled', 'disabled'); 

然后在保存...

$('button').removeAttr('disabled'); 

或者,你可以隐藏字段设置为标志,如果你有一个形式或其他开放,并简单地在执行AJAX创建表单之前,请检查该隐藏字段的值。

相关问题