Question

假设有一个名为txtphone的表单字段，然后使用javascript我检查它的长度至少为10位。用户只输入5位数，因此验证失败。我希望光标返回自动输入txtphone的位置，这样用户无需输入10位数的电话号码就无法继续使用。这是一个例子。我不能让它回到名称，电子邮件等字段上的输入字段。在这个例子中，失败时，这就是我想要实现的目的：

txtphone.focus()
txtphone.select()
return False

它显示警报错误消息，但焦点放在下一个表单字段上。

请回复，只有你过去遇到这个问题并且你解决了它，请给我几行实际工作代码。我已经打了几个星期，准备放弃。像“你试过......”这样的答案对我没有好处。谢谢。

Answer 1

我创建了一个JSFiddle，展示了焦点方法应该如何适用于您正在寻找的内容。如果有帮助，请告诉我。

JSFiddle

HTML

<input id="txtphone" type="text">

<button id="btn">
Click me!
</button>

的JavaScript

var txtphone = document.getElementById("txtphone");

var button = document.getElementById("btn");

button.addEventListener("click", function () {
    if (txtphone.value.length < 10) {
    txtphone.style.backgroundColor = "red";
    txtphone.focus();
  } else {
    txtphone.style.backgroundColor = "white";
  }
});

当js验证失败时，将光标自动放回错误的表单字段

1 个答案: