javascript - onfocus 在 JavaScript 中不起作用

Question

我正在整理一些 javascript 表单验证，但我不知道如何让这个 onfocus 来控制我的 div...我只需要它来提醒我，我的 onfocus 函数正在与我的姓氏输入进行联系。 .. :(

html:

<div id="contact">
    <form name="form1" action="send.php" method="post" id="contact_f">
      <table id="contact_table">
        <tr>
          <td class="col1" colspan="2">
            <h1 class="center_text">Contact Aron</h1>
            <div id="error_messages">
              errors
            </div>
          </td>
        </tr>
        <tr>
          <td class="col1">
            <label for="first_name">First Name*</label><br>
            <input id="first_name" required name="Name" type="text" pattern="[a-zA-Z]+">
          </td>
          <td class="col2">
            <label for="last_name">Last Name*</label><br>
            <input id="last_name" required type="text">
          </td>
        </tr>
        <tr>
          <td class="col1">
            <label for="email">Email*</label><br>
            <input id="email" required type="email">
          </td>
          <td class="col2">
            <label for="confirm_email">Confirm Email*</label><br>
            <input id="confirm_email" required type="text">
          </td>
        </tr>
        <tr>
          <td class="col1">
            <label for="phone">Phone Number   <span id="color_gray">xxx-xxx-xxxx</span></label><br>
            <input id="phone" type="tel" pattern="\d{3}[\-]\d{3}[\-]\d{4}">
          </td>
          <td class="col2">

          </td>
        </tr>
        <tr class="col2">
          <td class="col1" colspan="2">
            <label for="message">Message*</label><br>
            <textarea id="message" required type="text"></textarea>
          </td>
        </tr>
        <tr>
          <td class="col1" colspan="2">
            <button id="submit_button" type="submit" value="submit">Submit Form</button>
          </td>
        </tr>
      </table>
  </form>

有问题的 JavaScript:

    document.getElementById("last_name").onfocus=function() {
      alert("last name");
    };

Answer 1

实际上你的代码运行良好。你可以使用 jquery 来尝试，就像这样 -

$(document).ready(function() {
$( "#last_name" ).focus(function() {
alert("Last name");
});  
});