Javascript 当我们在表单外部单击时，表单字段不会变为空白/重置

当我们在输入字段中写入内容，然后不想提交表单时，我们在表单框外单击，但表单字段不会变为空白。我希望它们在打开网页时不需要刷新网页就可以重新设置为空白字段。 该表单是一个弹出式表单

表格代码：

$function{ $schedule-demo.validate{ 规则：{ 名字：“必需”， lastname:“必需”， 电邮：{ 要求：正确， 电子邮件：是的， }, 电话：{required:true，minlength:7} }, submitHandler:函数窗体、事件{ 亚微信息表单； 违约事件； 返回false； } }; } 请提供您的联系信息，专家将很快联系我们

名字* 姓* 工作电子邮件* 电话号码* 提交

---

例如，您可以创建一个js函数，您可以使用按钮调用该函数，这将重置所有表单输入

<button class="button" type="button" onclick="Reset();">Reset</button>

function Reset() {
    document.getElementById("schedule-demo").reset();
}

。。。我们在表单框外单击，但表单字段不会变为空

如果要在单击表单框外部时清除表单，可以编写一个事件处理程序，在单击表单框外部时重置表单

$(document).on('click', function(e) {
    var container = $('#schedule-demo');
    if (!container.is(e.target) && container.has(e.target).length === 0) {
        $(container).validate().resetForm();
        $(container).get(0).reset();
    };
});

.resetForm由jQuery验证插件提供，用于重置所有验证。.get0.reset将清除表单的内容

$function{ $schedule-demo.validate{ 规则：{ 名字：“必需”， lastname:“必需”， 电邮：{ 要求：正确， 电子邮件：是的， }, 电话：{ 要求：正确， 最小长度：7 } }, submitHandler:functionform{ //SubmitInformationFormFormForm；//为演示而注释掉 返回false； } }; $document.on'click'，function e{ var容器=$'schedule-demo'； if！container.ise.target&&container.hase.target.length==0{ $container.validate.resetForm； $container.get0.reset； }; }; }; 请提供您的联系信息，专家将很快联系我们

名字* 姓* 工作电子邮件* 电话号码* 提交

---

单击容器外部您需要为此添加一些代码，这不是默认功能。请尝试$schedule-demo.triggerreset；弹出前appers@AswinKumar确切地说，我没有明白你的意思。谢谢，但问题是我不想在表单的任何地方使用重置按钮。这是我正在尝试的，它正在工作，但错误消息仍然在输入字段下出现，但当我重新打开时，所有字段都是空白的。有更好的方法吗？