Browser 根据浏览器下的消息隐藏弹出窗口';s响应选项卡
在弹出框中,我们显示登录表单。一旦用户输入错误的电子邮件id或密码,我们将显示消息:无效登录/pw,但一旦他们输入正确的详细信息并单击登录按钮,用户将登录 但问题是弹出框将一直保留,直到我们通过下图中的关闭按钮手动关闭弹出框,但如果登录成功,我想隐藏弹出框 单击“登录”后,在“响应”选项卡下,如果没有消息,则我想隐藏弹出窗口;如果消息为Browser 根据浏览器下的消息隐藏弹出窗口';s响应选项卡,browser,Browser,在弹出框中,我们显示登录表单。一旦用户输入错误的电子邮件id或密码,我们将显示消息:无效登录/pw,但一旦他们输入正确的详细信息并单击登录按钮,用户将登录 但问题是弹出框将一直保留,直到我们通过下图中的关闭按钮手动关闭弹出框,但如果登录成功,我想隐藏弹出框 单击“登录”后,在“响应”选项卡下,如果没有消息,则我想隐藏弹出窗口;如果消息为success:false,“error”:“登录或密码无效”。,则我不想隐藏弹出窗口 我尝试了以下代码: Html <form> //code
success:false,“error”:“登录或密码无效”。
,则我不想隐藏弹出窗口
我尝试了以下代码:
Html
<form>
//code for email and pw
<button onclick = "hideWindow()">Login</button>
</form>
编辑
<div class="ajaxlogin-window" id="something">
<form>
<div class="content">
<ul class="form-list">
<li>
<input type="hidden" id="likeproduct_id" name="product_id" value=""/>
<label for="email" class="required"><em>*</em>Email</label>
<div class="input-box">
<input type="text" name="login[username]" value="<?php echo $this->htmlEscape($this->getUsername()) ?>" id="email" title="<?php echo $this->__('Email Address') ?>" />
</div>
</li>
<li>
<label for="pass" class="required"><em>*</em><?php echo $this->__('Password') ?></label>
<div class="input-box">
<input type="password" name="login[password]" id="pass" title="<?php echo $this->__('Password') ?>" />
</div>
</li>
<?php echo $this->getChildHtml('form.additional.info'); ?>
</ul>
</div>
<div class="buttons-set">
<button onclick = "hideWindow()" type="submit" class="button" title="<?php echo $this->__('Login') ?>" name="send" id="send2" ><span><span><?php echo $this->__('Login') ?></span></span></button>
</div>
</div>
-
*电子邮件
函数hideWindow()
{
var db_username='ankit';
var db_password='password';
var username=jQuery(“#customusername”).val();
var password=jQuery(“#custompassword”).val();
if(username=db\u username&&password==db\u password){
jQuery(“#某物”).hide();
}
否则{
jQuery(“#something”).prepend('error Cred');
}
}
-
*电子邮件
-
*密码
登录
正如我所看到的,您的ajax函数存在一些问题,请尝试以下方法:
onSuccess: function(response)
{
document.getElementById('something').style.display = 'none';
document.getElementById('ajaxlogin-mask').style.display = 'none';
}
你能添加问题的html部分吗?这将有助于用html代码帮助你解决更新后的问题,请看一下……我正在使用以下ajax代码:
onSuccess: function(response)
{
document.getElementById('something').style.display = 'none';
document.getElementById('ajaxlogin-mask').style.display = 'none';
}