如何使用不显眼的javascript </div>检查<div>是否有效

Question

我有一个在客户端加载div的表单。我有带有所有验证属性的硬编码文本框控件，类似于从服务器加载时呈现的内容。在div里面有提交按钮，但是当我点击提交时，表格上的所有验证信息都会显示出来。我只需要显示div元素验证消息。在ajax模式下的Telerik Grid控件也做类似的事情，即在客户端附加带有硬编码验证属性的文本框，但它设法仅针对网格而不是整个表单触发验证。我想我在这里错过了一些东西。

$('#div').valid() --> doesn't work
$('#form').valid() --> works

Answer 1

将div添加到DOM后，您需要解析包含表单的验证规则：

var form = $('#div').closest('form');
form.removeData('validator');
form.removeData('unobtrusiveValidation');
$.validator.unobtrusive.parse(form);

这是一个live demo。