提交按钮不能正常工作

Question

请参阅：http://jsfiddle.net/uNbYu/1/

如果您点击“提交”，该按钮不会执行任何操作，只需隐藏文本框，只能在第二次使用。

如何在不删除JS中的.hide()的情况下找到解决此问题的方法？我真的需要那个。

由于

编辑：当单击文本输入

时，应隐藏文本框

Answer 1

第一次单击按钮时，按钮似乎没有做任何事情的原因是因为您实际上没有点击它。输入字段上的blur事件首先触发，导致字段消失。结果是你的点击实际上没有落在按钮上！

看到这个更新的小提琴：http://jsfiddle.net/uNbYu/10/ 在这个例子中，我将输入字段的隐藏绑定到单击提交按钮。

我不确定这是否能完全解决您的问题。我不是100％肯定你想要达到的目标，但希望这会有所帮助。

Answer 2

单击按钮时，实际上正在调用blur()函数，该按钮会移动按钮并错过点击事件。

如果不单击按钮，可以看到此信息，而是在表单输入外单击，然后单击按钮。它有效。