jquery - 重置表单输入的默认行为

Question

我有以下代码：

div.accountPage
  div.acct-form.login
    div.acct-header Log-in
    form.loginForm.login
      input(id="username", type="text", name="User", placeholder="Username", value="")
      input(id="password", type="password", name="Password", placeholder="Password", value="")
      input(id="submit", type="submit", value="Sign In")

在测试期间，我输入了一些用户名和密码并点击登录。之后，文本框包含我的用户名和密码。我不知道使用哪个属性来重置它

如何重置文本以转到显示占位符的默认行为？

Answer 1

也许您可以将值更改回空字符串。

value=""

Answer 2

你可以用 jQuery 做到这一点：

jQuery

$(".loginForm").submit(function () {
 $(".username").val("");
 $(".password").val("");
 return false;
});

当然，您还应该添加指向 jquery 库的链接，您可以从以下位置下载它：

http://docs.jquery.com/Downloading_jQuery

在您的问题中，重新加载页面可能更好地将输入值设置为空？为此，您可以使用：

$(document).ready(function () {
 $(".username").val("");
 $(".password").val("");
});