Javascript 如何关闭表单提交时的模式弹出窗口?

Javascript 如何关闭表单提交时的模式弹出窗口?,javascript,jquery,forms,twitter-bootstrap-3,Javascript,Jquery,Forms,Twitter Bootstrap 3,我有一个模式弹出窗口来更改密码,我需要在提交按钮上关闭它 <div class="modal-body"> <?php if(isset($message))echo '<span class="text-success txt-upper" style="margin-left:2rem;">'. $message .'</span>';?> <?php echo form_open('',array('class'=&

我有一个模式弹出窗口来更改密码,我需要在提交按钮上关闭它

<div class="modal-body"> 
    <?php if(isset($message))echo '<span class="text-success txt-upper" style="margin-left:2rem;">'. $message .'</span>';?>

    <?php echo form_open('',array('class'=>'ajaxForm')); ?>
      <fieldset class="table "> 
        <div class="form-group">
        <?php $class = form_error('newpassword')?"input-error":"" ?>
          <div  class="col-md-12" style="margin: 10px 0"><?php echo form_password('newpassword','','class="form-control margin-both-0 '. $class.'" id="newpassword"  placeholder="New Password" autocomplete="off"'); ?><?php echo form_error('newpassword'); ?></div>            
        </div>
        <div class="form-group">
        <?php $class = form_error('conpassword')?"input-error":"" ?>
          <div class="col-md-12 " style="margin: 10px 0"><?php echo form_password('conpassword','','class="form-control  margin-both-0 '. $class.'" id="conpassword"  placeholder="Confirm Password" autocomplete="off"'); ?><?php echo form_error('conpassword'); ?></div>           
        </div>  

</div>
<div class="modal-footer">
        <?php echo form_submit('submit_btn', 'Change Password', 'class="submit btn btn-success margin-left-4p pad-1-rem margin-bottom-10"'); ?>
     </fieldset>
    <?php echo form_close();?>  
  </div>


只需调用下面的代码

$.modal.close();

只需调用下面的代码

$.modal.close();

从您的代码来看,您似乎正在使用twitter-bootstrap-3。然后,我会坚持他们在这里建议的API: 并调用模态方法关闭/隐藏可见模态:

$('.modal').modal('hide');

从您的代码来看,您似乎正在使用twitter-bootstrap-3。然后,我会坚持他们在这里建议的API: 并调用模态方法关闭/隐藏可见模态:

$('.modal').modal('hide');


你在用bootstrap3吗?如果是,则为$('.modal').modal('hide');尝试从父窗口关闭它。@anmarti我怎么做?你有错误吗?如何打开弹出窗口?ItayB的答案很有效,非常感谢@Romuleald没有错误,我只是希望它在提交时关闭,当我选择更改密码的选项并链接到弹出模式时它会打开。您是否使用bootstrap3?如果是,则为$('.modal').modal('hide');尝试从父窗口关闭它。@anmarti我怎么做?你有错误吗?如何打开弹出窗口?ItayB的答案很有效,非常感谢@Romuleald没有错误我只是希望它在提交时关闭,当我选择更改密码的选项时它会打开,并链接到弹出模式。这应该是一个注释。虽然它解决了问题,但这不是很有用,问题是什么?为什么OP要使用这个代码?如果你再加上更多的话,这将是一个完整的答案,我很乐意给它投票。@Jai现在正确了吗?(顺便说一句,谢谢你的评论:-)@ItayB只有一个问题在验证失败时隐藏起来too@davidnoronha然后,您应该添加if语句,并仅在验证时调用此方法。这应该是一条注释。虽然它解决了问题,但信息量不大,但问题出在哪里?为什么OP要使用这个代码?如果你再加上更多的话,这将是一个完整的答案,我很乐意给它投票。@Jai现在正确了吗?(顺便说一句,谢谢你的评论:-)@ItayB只有一个问题在验证失败时隐藏起来too@davidnoronha比你应该添加if语句和只在验证时调用这个方法。这应该是一个注释。请考虑编辑你的帖子来添加更多关于你的代码做什么的解释,以及为什么它会解决这个问题。一个主要包含代码的答案(即使它是工作的)通常不会帮助OP理解他们的问题。这应该是一个评论。请考虑编辑你的帖子来添加更多关于你的代码所做的解释以及为什么它会解决这个问题。一个只包含代码的答案(即使它在工作)通常不会帮助OP理解他们的问题。