页面加载后如何关注输入字段?

时间:2015-10-08 06:45:35

标签: javascript jquery

在我的页面中,我有一个html表单,使用jquery / ajax保存数据。当用户鼠标离开输入字段时,我正在调用jquery / ajax。例如,我有以下字段:

1. name : <input type="text" name="name" id="name">
2. email : <input type="text" name="email" id="email">
3. mobile : <input type="text" name="mobile" id="mobile">

因此,当用户鼠标离开任何字段时,jquery / ajax用于将数据存储在数据库中。

现在我的问题是:当我输入&#39;名称&#39; -field然后我立即切换到第二个字段,使用键盘选项卡&#39;电子邮件&#39; -field。之后它加载页面,因为当鼠标离开字段时我正在调用它。现在我想在页面加载时关注第二个字段。不仅对于第二个领域,它应该适用于任何领域。怎么做到这一点?

2 个答案:

答案 0 :(得分:1)

成功部分你的ajax调用你可以指向下一个输入,如:
$("#email).focus();

答案 1 :(得分:1)

如果您正在进行ajax调用,为什么还要再次加载页面?只需在ajax保存后加载要真正更新的部分。如果要根据打开/操作值选择显示另一个部分,则可以在不加载页面的情况下执行此操作。

如果该部分已在具有hide模式的DOM中可用,则在成功之后ajax调用只需生成show。但是如果该部分实际上不存在于DOM中,那么在ajax调用之后,只需动态生成该部分的HTML内容,然后将其放在您需要它的DOM中。

这就是全部。 Ajax调用基本上用于不重新加载页面。如果您正在加载页面,则根本不需要ajax调用,您可以以正常的post方式执行此操作。

希望这会对你有帮助!