18910140161

JavaScript-在重新访问表单页面堆栈溢出时禁用提交按钮

顺晟科技

2022-10-19 13:49:16

235

是否有一种方法可以让表单页检测到,在您回答表单并提交,然后重新访问表单页后,提交按钮现已禁用

重要提示:如果有不同的用户,则可以回答并提交表单,如果同一用户再次访问该链接,则禁用提交按钮。

这可能使用HTML、CSS和JavaScript吗?

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="First Name"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Last Name"><br><br>
  <input type="submit" value="Submit">
</form> 

顺晟科技:

如果您试图严格在客户端实现此功能,则可以将用户是否提交了表单存储在.

例如,可以将事件侦听器添加到将提交状态设置为true的窗体中。在页面加载时,检索该状态,检查是否为true,如果是,则每当用户提交表单时,请阻止表单提交。

例如:

JSFiddle演示:https://jsfiddle.net/spectric/dowc1qea/

但是,请记住,由于客户机可以修改,所以他们总是可以通过编程方式将状态设置为false并再次提交表单。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航