如何使用JavaScript跳过字段？

Question

我有这样的形式：

<form name="mine">
    <input type=text name=one>
    <input type=text name=two>
    <input type=text name=three>
</form>

当用户在“一”中键入一个值时，有时我想跳过字段“二”，具体取决于他键入的内容。 例如，如果用户键入“ 123”并使用Tab键移动到下一个字段，我想跳过它并转到第三个字段。

我尝试使用OnBlur和OnEnter ，但没有成功。

尝试1：

<form name="mine">
    <input type=text name=one onBlur="if (document.mine.one.value='123') document.three.focus();>
    <input type=text name=two>
    <input type=text name=three>
</form>

尝试2：

<form name="mine">
    <input type=text name=one>
    <input type=text name=two onEnter="if (document.mine.one.value='123') document.three.focus();>
    <input type=text name=three>
</form>

但这些都不起作用。 看起来浏览器不允许您在焦点改变时弄乱焦点。

顺便说一句，所有这些都在Linux上的Firefox上进行了尝试。

Answer 1

尝试将tabindex属性附加到您的元素，然后以编程方式（在javaScript中将其更改）：

<INPUT tabindex="3" type="submit" name="mySubmit">

Answer 2

您可以在第二个字段上使用onfocus事件，该事件在获得焦点时将被调用。 此时，字段1的值应该被更新，然后您可以执行检查。

Answer 3

如果您使用了您描述的方法，并且它们起作用了，那么当用户单击该字段而不是在其上单击时，焦点也会改变。 我可以向您保证，这会使用户感到沮丧。 （为什么它不起作用超出了我。）

相反，如前所述，字段一的内容更改时，请更改相应字段的tabindex。

Answer 4

<form name="mine">
    <input type="text" name="one" onkeypress="if (mine.one.value == '123') mine.three.focus();" />
    <input type="text" name="two">
    <input type="text" name="three">
</form>

Answer 5

尝试使用onkeypress而不是onblur 。 同样，在字段onfocus上，您应该发送到三个字段。 我假设您不希望他们输入两个（如果一个是123），那么您只需检查两个的onfocus并发送给三个即可。