使用jQueryvalidation设置div的validation

我正在使用jQuery validation plugin ，用于表单validation。 但是我无法为div设置validation。

这是我到目前为止所尝试的

HTML：

JS：

 $('#form').validate({ rules: { isLocationEmpty: true; } }); 

CustomValidation Mehthod：

 $.validator.addMethod('isLocationEmpty', function (value, element) { var loc = $('#location').text(); return (loc != "") }, 'REQUIRED.'); 

我以前没有这样做，请提供您的建议。

Answer 1

引用OP：

“我正在使用jQuery Validation插件进行表单validation。但是我无法为div设置validation。我之前没有这样做，请提供您的建议。”

您永远无法使用jQuery Validate插件来validationdiv 。 数据输入的正确HTML标记是使用输入元素。

此插件仅适用于以下类型的数据输入元素（每个必须具有唯一的name属性），这些元素也必须位于form元素容器中：

 
       ...     

另请参阅文档中的“参考”页面： http ： //jqueryvalidation.org/reference/

---

显然OP无法改变HTML。 这是一个非常丑陋的解决方法。

可用于将div文本复制到type="hidden"元素的代码，然后可以使用插件validation隐藏元素。 此代码可以随时调用，也可以放在事件处理程序中，以便在模糊或更改时触发：

 $("#hidden").val( $('#div').text() ); 

这是相应的jQuery：

 $('#form').validate({ ignore: [], // <-- validate hidden elements // other options, rules, and callbacks, }); 

Answer 2

我不确定你为什么要尝试validationdiv，但我建议把它变成textarea。 如果您需要让用户“无法”进行编辑，请添加readonly属性。