Question

我在彩盒中显示表单并通过ajax调用它。我想在点击后禁用提交按钮。我已通过jquery禁用它，它正在工作，但没有提交表单值。请让我知道如何解决它。我使用以下代码。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript">
  $(document).ready(function(){
        $(".submitonce").click(function(){
        $(".submitonce").attr('disabled','disabled');           
        });
           });
     </script>

      echo "<div id='".$divid."' style='display:none'>
    <div style='margin:10px 0px 0px 0px'    align='center'><h4>".$title."</h4></div>
    <div style='margin:30px 0px 0px 0px'><center></center></div>
     <div>".$description."</div>   
   <div style='margin:10px'>
    <center><form action='' name='theform3' method='post'>
    <input type='hidden' name='p-id' value='".$prodid."' />
  <input type='submit' name='oneclickorder' class='submitonce' 
    value='Confirm' style='size:20px' /></a>
  <input type='button' name='no1' value='Cancel' onclick='tb_remove()'/>
   </form></center></div>
    </div>";

Answer 1

您刚刚没有打开表单标记。输入类型也应该是“提交”

Answer 2

你解决了吗？似乎对我有用，如here

所示

我不确定，如果您的问题包含整个代码，但是在<script>标记之后，您需要将其包含在<form>标记中，如下所示：

 <form>
 <div style='margin:10px 0px 0px 0px'    align='center'><h4>".$title."</h4></div>
<div style='margin:30px 0px 0px 0px'><center></center></div>
 <div>".$description."</div>

修改：说<form id='main_form'>

 $(document).ready(function(){
    $(".submitonce").click(function(){
    $('#main_form').submit();
    $(this).attr('disabled','disabled');           
    });

}）;

禁用按钮在colorbox内部不起作用

2 个答案: