我无法关闭我的表单

i can not close my form

本文关键字:我的 表单      更新时间:2023-09-26

我有一个将信息保存到数据库中的表单。 必需属性应需要此表单中的某些输入。
我想有一个关闭按钮,用于关闭并将表单重置为此表单。我在此按钮中为关闭表单的"onclick"定义了一个函数,但这不起作用,因为我在此表单中有必需的元素。如何解决此问题?

<form name="save" method="get" action="saveform.php" id="formpoi" style="visibility: hidden">
    <button id="clos" onclick="winclose()"></button><br />
Name of place:<input type="text" name="place" class="f" required="true"/><br /><br />
<input type="submit" value="submit"/> 
    </form>

这是JavaScript函数:

function winclose(){
    var form=document.getElementById('formpoi');
    form.close();
 } 
function winclose(){
    //var form=document.getElementById('formpoi');
    // http://www.w3schools.com/jsref/met_win_close.asp
    window.close();
} 

我将假设您所说的"关闭"是指此表单位于弹出窗口中,并且您实际上正在尝试执行两件独立的事情:

  1. 将表单重置回其原始状态(清除输入中的任何答案(
  2. 关闭此表单所在的弹出窗口

所以首先失去那个<button>.

接下来,添加一个新输入,如下所示:

<input type="button" onclick="winClose()" value="Close">

还有你的JavaScript函数:

function winClose() {
    var form = document.getElementById('formpoi');
    form.reset();
    window.close();
}