jQuery Validator - 如何验证非表单项？

<div id="error-message"></div>

$(document).ready(function() {
  // 定义验证规则
  var rules = {
    nonFormItem: {
      required: true,
      email: true
    }
  };

  // 定义错误信息
  var messages = {
    nonFormItem: {
      required: "请输入非表单项",
      email: "请输入有效的电子邮件地址"
    }
  };

  // 应用验证规则
  var validator = $("#nonFormItem").validate({
    rules: rules,
    messages: messages,
    errorElement: "span",
    errorPlacement: function(error, element) {
      $("#error-message").html(error);
    },
    success: function(error) {
      error.html("");
    }
  });

  // 监听非表单项的更改事件
  $("#nonFormItem").on("change", function() {
    validator.element("#nonFormItem");
  });
});