Question

我有两个输入字段＆＃34;电话＆＃34;字段和＆＃34;名称＆＃34;领域。我希望光标保持专注于＆＃34; Phone＆＃34;当它还是空的时候。因为当我点击＆＃34; tab＆＃34;当字段为空时，出现警报，单击“确定”后，光标移动到＆＃34;名称＆＃34;领域。如何让光标专注于＆＃34;电话＆＃34;如果它仍然是空的？

有我的代码：

    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();
       }  
    }

当田地仍然空旷时，请保持对焦

2 个答案: