一页上有两个表单 - 禁用其中一个表单

时间:2013-08-27 10:37:47

标签: jquery forms

我在一个页面上有两个HTML表单。我想在发送和检查第一个表单之后启用第二个表单(在此之前应该禁用第二个表单)。然后我想启用它们。如何用jQuery或任何语言来做?

2 个答案:

答案 0 :(得分:0)

我可以给你一个粗略的想法,这样你就可以开始了。

  1. 每个表单都有an Accordion
  2. 您编写一个小的JavaScript来禁用表单的后面部分,直到前面的部分已经提交并返回一个值。
  3. 您通过AJAX requests提交表单的每个部分,并让您的服务器将您的javascript需要的值返回到下一部分。
  4. 如果您编写了一些代码并陷入困境,您可以询问有关如何使代码正常工作的具体问题,并且您可能会得到一些有用的答案。

    请务必先搜索相似的问题,因为可能会有几个已经回答。

答案 1 :(得分:0)

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>disabled demo</title>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<form>
  <input name="email" disabled="disabled">
  <input name="id">
</form>

<span style="float:left;" id="form1">
    <form action='logout.php' method='POST'>           
        <input type='submit' value='Logout' />      
    </form>   
</span>
<span style="float:right;" id="form2">
    <form action='changepassword.php' method='POST'>     
        <input type='submit' value='Change password' />       
    </form>
</span>


<script>
$("#form1").prop( "disabled", true );
//....put your script here
</script>

</body>
</html>