Question

我有一个登录表单，当您单击登录按钮时，表单为fadesIn（），然后当用户提交页面时，会重新加载错误验证。

问题是，一旦页面再次加载，表单框就不会出现，因为登录按钮没有触发器。是否有一种方式，一旦表单提交，javascript会自动淡化在表单框中？

例如

//Login trigger
<a href="#" class="login">Login</a>

//Form that appears on trigger
<form method="POST" action="index.php">
<label>Username</label><input type="text" name="username" />
<label>Password</label><input type="password" name="password" />
<input type="submit" name="submit" value="submit" />
</form>

JQuery的

$("a.login").click(function(event) {
    event.preventDefault();
    $("form").fadeIn("200");
});

用户提交表单 - ＆gt;页面重新加载 - ＆gt;希望页面自动触发登录处理程序，以便表单在

中淡出

Answer 1

您可以将表单包装在div中并使其隐藏在CSS中。然后在click事件中使用jQuery show（）或更改CSS以显示带有表单的div。

Answer 2

不用这个帮助：

$(document).ready(function() {
  //show the form
  $("form").fadeIn("200");
});

Answer 3

另一种解决方案可能是使用Jquery .trigger（）：http://api.jquery.com/trigger/

类似于$("a.login")).trigger('click');的情况，如果你想要模仿点击$("a.login"))

jQuery - 在页面加载时的表单提交触发器事件

3 个答案: