如何在bootstrap表单域中插入自定义验证

<input type="text" id="customField" name="customField" required>

$(document).ready(function() {
  // 获取表单域
  var customField = $('#customField');

  // 添加自定义验证规则
  customField.on('input', function() {
    var value = $(this).val();
    if (value.length < 5) {
      this.setCustomValidity('输入的内容长度必须大于等于5');
    } else {
      this.setCustomValidity('');
    }
  });
});

$(document).ready(function() {
  // 获取表单
  var form = $('#myForm');

  // 提交表单时触发验证
  form.on('submit', function(event) {
    if (!this.checkValidity()) {
      event.preventDefault();
      event.stopPropagation();
    }
    form.addClass('was-validated');
  });
});