当字段仍然为空时，保持焦点在字段中

Question

我有两个输入字段，分别是“电话”字段和“姓名”字段。我希望光标在“电话”字段仍然为空时保持焦点。因为当我在字段为空时单击“选项卡”时，会出现警报，并且在我单击“确定”后光标移动到“名称”字段。如果仍然是空的，如何使光标保持在“电话”上？

这是我的代码：

    function whenEmpty(field) {
    if (field.value == '') {
        alert("Please fill the field.");
    }
    return false;
    }

当我调用函数时：

<tr>
<td><div class="required"><label>Phone</label></div></td>
<td><form:input path="connote.shipperPhone" id="shipperPhone" name="shipperPhone"
onchange="loadCustomerData()" onfocus="this.select();" onmouseup="return false;" onblur="whenEmpty(this);"
htmlEscape="true" size="20" maxlength="50" tabindex="3"/> <form:errors
path="connote.shipperPhone" cssClass="error" /></td>
</tr>

Answer 1

我猜你需要稍微改变一下：

function whenEmpty(field) {
   if (field.value == '') {
      alert("Please fill the field.");
      field.focus(); // <----add this to focus
      return false; // <-----move this in case of blank field only.
   }
}

Answer 2

是的，我找到了自己问题的答案。我改了：

function whenEmpty(field) {
       if (field.value == '') {
          alert("Please fill the field.");
          field.focus();
       }  
    }