Question

我正在使用jQuery Validation Plugin来验证我网站上的表单。它可以在需要一定数量字符或特定格式（例如电子邮件）的字段上正常工作，但如果有人关注所需的输入，然后在不输入任何内容的情况下将其标记出来，则不会立即显示错误。我想要它做的是，如果有人聚焦所需的输入，然后移动到另一个字段（模糊）而不输入任何东西，它将立即显示错误。这可能吗？

$(function() {
  $('#contact').validate({
    rules: {
      fname: 'required',
      email: {
        required: true,
        email: true
      }
    },
    messages: {
      fname: 'Please enter your first name',
      msgemail: 'Please enter a valid email address'
    }
  });
});

input {
  display:block;
  margin-top:20px;
}

label.error {
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>

<form id="contact">
  <input type="text" name="fname" placeholder="First name" /> <!-- This should show error if left empty on blur -->
  <input type="text" name="email" placeholder="Email" />
</form>

Answer 1

调用构造函数时添加<script> $(document).ready(function(){ $("#sat0").addClass("active"); $("#sat6").addClass("active"); setTimeout(autoAddClass, 1200); }); function autoAddClass(){ var next = $(".active").removeClass("active").next(); if(next.length) $(next).addClass('active'); else $("#sat0").addClass("active"); $("#sat6").addClass("active"); setTimeout(autoAddClass, 1200); } </script>事件。

＆＃13;

onfocusout

＆＃13;

$(function() {
  $('#contact').validate({
    onfocusout: function(element) { 
        $(element).valid(); 
    },
    rules: {
      fname: 'required',
      email: {
        required: true,
        email: true
      }
    },
    messages: {
      fname: 'Please enter your first name',
      msgemail: 'Please enter a valid email address'
    } 
  });
});

＆＃13;

input {
  display:block;
  margin-top:20px;
}

label.error {
  color:red;
}

＆＃13;

jQuery验证插件 - 验证模糊的空字段

1 个答案: