对象不支持属性或方法“有效”

我的代码抛出以下错误：

对象不支持属性或方法“有效”。

这是因为当前表单没有验证。那没问题。我只想提前检查一下我是否可以应用该方法valid到当前表单以避免烦人的 JavaScript 错误。

这就是我想要的。例如。if(form.isValidatable()) form.valid()

代码没有任何问题。我所需要的只是知道调用方法或属性是否会引发异常。

form.submit(function () {
    if ($(this).valid())
      onFormIsValid($(this));
    else
      onFormIsInvalid($(this));
  });

更新：我是 jquery 新手，谢谢你的帮助！！！！我想做的是在提交之前和验证之后禁用所有输入。我没有设法让submitHandler被调用，而且真的很难理解为什么。这就是我做这个解决方案的原因。看我的代码。我该如何改进这个？

我想将它应用于我的解决方案中的所有表单......

$(document).ready(function () {
  var form = $("form");

  form.bind('invalid-form.validate', function() {
    onFormIsInvalid($(this));
  });

  form.submit(function () {
    if ($(this).valid())
      onFormIsValid($(this));
    else
      onFormIsInvalid($(this));
  });
});

function onFormIsValid(form) {
  $("input", form).prop("readonly", "readonly");
  $("input[type=submit]", form).prop("disabled", true);

  $("input[type=submit]", form).each(function () {
    $(this).data("val", $(this).val());
  });

  $("input[type=submit]", form).val("Processing...");
}

function onFormIsInvalid(form) {
  $("input", form).prop("readonly", null);
  $("input[type=submit]", form).prop("disabled", false);

  $("input[type=submit]", form).each(function () {
    $(this).val($(this).data("val"));
  });
}

另一方面，如果我执行以下操作，则根本不会调用提交处理程序。没有错误，没有线索，什么都没有。我放置了一个断点，就像处理程序不在那里一样。

form.validate({
		submitHandler: function () {
			onFormIsValid($(this));
		}
	});

  form.bind('invalid-form.validate', function() {
    onFormIsInvalid($(this));
  });

你的代码：

form.submit(function () {
    if ($(this).valid())
      onFormIsValid($(this));
    else
      onFormIsInvalid($(this));
});

这看起来是一种非常迂回的方式，而且是错误的做法。该插件会自动捕获点击并阻止提交，因此您的自定义submit()处理程序可能会发生冲突。

您可以使用内置的submitHandler and invalidHandler回调函数...那么你就不需要担心如何调用.valid(), since submitHandler仅在有效且有效时触发invalidHandler仅在无效时触发。

Demo 1: http://jsfiddle.net/9obe1b35/1/ http://jsfiddle.net/9obe1b35/1/

如果您使用 ASP 中内置的 Unobtrusive Validation 帮助程序插件，那么.validate()方法是自动构造的，您不能将这些回调函数放入其中。相反，您可以将您的自定义submitHandler and invalidHandler函数转化为the jQuery.validator.setDefaults() method https://jqueryvalidation.org/jQuery.validator.setDefaults/.

演示 2（不引人注目）：http://jsfiddle.net/9obe1b35/2/ http://jsfiddle.net/9obe1b35/2/