只执行一次功能

我有一个注册表单，访客可以注册，当他们按下提交按钮时，包含注册表单的div稍微向左移动，以便它出现在中间。只执行一次功能

这样做的代码工作正常，但如果访问者在寄存器表单中写错了，他们需要重新尝试，但是如果重复几次，注册表单会再次移动它将完全移出容器。

我该如何触发一次功能？这里是我当前的代码：

... 

$('#form form').submit(function(){ 

// Some code for showing "loading" image etc.. 

});

我认为不是一次运行提交函数（这会导致已经提交错误信息的用户出现问题），您需要为注册时出现问题的用户提供另一个处理程序，以便将表单移回到原来的位置。 – Qorbani 2012-07-30 20:33:49

@Qorbani是的，这也可能是一个解决方案，但我想要一个像[Academia]（http://academia.edu）那样的注册表，查看它，看起来很酷，根据我）。 – DannyCruzeira 2012-07-30 20:37:34

感谢分享链接:-)另一种实现此目的的方法是使用CSS技巧并向表单容器中添加CSS类，以移动表单，然后在提交逻辑中仅添加要形成的类，即使它在那里，不会生效两次。它将用户界面逻辑从代码中分离出来的其他好处。 – Qorbani 2012-07-30 23:02:11

可以使用one()电话，

$('#form form').one('submit', function(){ 

// Some code for showing "loading" image etc.. 

});

那么它只会被解雇的第一次。

2012-07-30 20:28:54 Andrew

谢谢！完美工作。 – DannyCruzeira 2012-07-30 20:30:40

回答