首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果输入框为空,则在提交时使用jQuery addClass

如果输入框为空,则在提交时使用jQuery addClass
EN

Stack Overflow用户
提问于 2017-01-05 20:14:48
回答 0查看 1.5K关注 0票数 1

只有当ID为"#lname“的输入保留为空时,我才尝试添加一个类(.error_msg),以通知客户端填充它。我不希望页面第一次加载时出现任何错误消息,但它必须在客户端单击submit之后才会出现。我不确定我做错了什么,页面上的消息是这样的,我目前所做的是: HTML:

代码语言:javascript
运行
复制
<div id="form_div">
  <form id="form_id">
    <fieldset id="fieldset">
      <div>
        <label for="fname">First Name:</label>
        <input type="text" id="fname" name="fname">
      </div>
      <div>
        <label for="lname">Last Name:</label>
        <input type="text" id="lname" name="lname">
        <p class="error_msg">You must enter a last name</p>
      </div>
</fieldset>
    <br>
    <button type="submit" id="btn_submit">Submit</button>
  </form>
</div>

CSS:

代码语言:javascript
运行
复制
.error_msg {
  display: inline !important;
  color: red;
  font-size: 13px;
  margin-left: 1em !important;
}

jQuery:

代码语言:javascript
运行
复制
  $("#form_div").submit(function(evt) {
    if($('#lname').val() === ''){
      $("#lname").addClass("error_msg");
    }
  });
EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41484880

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档