javascript - 提交表单时关闭 featherlight

Question

我有一个 demo-employee.php 页面，它检索系统的所有用户以及可以执行的特定操作:

<td><table>
    <tr>
    <td><a href="edit-user.php?userid=<?php echo $userid ?> "><i class="fa fa-pencil-square-o"></i></a></td>
    <td><a href="demo-change-password.php?userid=<?php echo $userid ?>" data-featherlight><i class="fa fa-key"></i></a></td>**
    <td><a href="remove-user.php?userid=<?php echo $userid ?>" onclick="return confirmAction()"><i class="fa fa-trash-o"></i></a></td>
    </tr>
    </table>
    </td>**

我正在使用 data-featherlight 弹出页面 demo-change-passowrd.php，点击链接后用户会得到这个表单:

<form id="changePwd" name="formPwd" method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" accept-charset="UTF-8"> 



 <p>Please fill all the mandatory (*) fields.</p>
    <div class="question">
    <input type="password" name="new_pwd"  pattern="^.*(?=.{6,})(?=.*[a-zA-Z])[a-zA-Z0-9]+$" title="Your new Password is required" required/>
    <label><?php echo "<font color='red'>New Password(*):</font>" ?></label>
    </div>
    <div class="question">
    <input type="password" name="confirm_pwd"  pattern="^.*(?=.{6,})(?=.*[a-zA-Z])[a-zA-Z0-9]+$" title="Confirm Password field is required" required/>
    <label><?php echo "<font color='red'>Confirm Password(*):</font>" ?></label>
    <span class="required" id="doesNotMatch"></span>
    </div>

<center>
<input type="submit" name="submit" onclick="checkPwdMatch();" onsubmit="return closeSelf(this);" value="Submit" />
<input type="hidden" name="user_id" id="user_id" value="<?php echo $user_id; ?>" />
</center>
</form>

我有一个方法来检查 pwd 是否匹配，并且在成功提交表单后，它应该使用附加在页面底部的这个方法关闭

function closeSelf(f){
f.submit()
window.close();
}

我还把它从按钮移到表单 onsubmit="return closeSelf(this);"，仍然没有成功。提交表单后，它只停留在 demo-change-passowrd.php 上。我还使用了 window.location.replace 代替 window.close() 到 demo-employeeed 页面，也没有运气。有人可以帮忙吗，我做到了

$("#myform").submit(function(e) {

        //prevent Default functionality
        e.preventDefault();
window.close();

还是没有运气？请问我遗漏了什么吗？

Answer 1

我添加了一个 onsubmit属性为 form这将在关闭按钮(具有 featherlight-close 类)上调用“单击”。

<form ... onsubmit="$('.featherlight-close').click()">