微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery-validate 插件 - 重置表单字段状态

如何解决jQuery-validate 插件 - 重置表单字段状态

我想知道是否可以重置字段(元素)验证状态? 例如,在下面的示例中,如果您输入了错误的电子邮件地址,它会显示为无效,但在您删除输入的内容并变为空后,它会显示为有效而不是无(因为该字段也不是必需的)。不知何故,我希望它重置有效/无效状态。我在文档中找不到任何内容 (https://jqueryvalidation.org/)

注意:我只想重置实际字段,而不是整个表单。

$("#form").validate({
  rules: {
    email: {
      email: true,required: false
    }
  }
});
input.valid {
  border: 1px solid green;
}

input.error {
  border: 1px solid red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>

<form id="form">
  <input id="cemail" type="email" name="email">
</form>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。