jQuery Validator Plugin：验证 div 的内容

Question

在 SharePoint 2010 表单中，富文本字段不呈现为表单元素，而是呈现为 div。我需要使用 jQuery Validator Plugin 来检查这个 div 的内容。

<form>

  <!-- this will validate -->
  <select class="check_this">
    <option>Testing form element</option>
  </select>

  <!-- this will not validate -->
  <div class="check_this">
    Testing div
  </div>

</form>

Answer 1

问题是没有针对非表单元素进行测试，对吧？

我还没有测试过这种方法，但是为什么不渲染一个与 div 的 id 同名的空选择元素并添加一个抓取正确元素的方法：

HTML：

<form>
    <!-- this is a dummy element -->
    <select name="myElem">
        <option>Testing form element</option>
    </select>

    <!-- this is my actual element -->
    <div id="myElem">
        Testing div
    </div>
</form>

JS：

jQuery.validator.addMethod("myForm", function(value, element) { 
    var strId = $(element).attr('name');
    var myActualElement = $('form').find('#' + strId);
    var myActualContent = myActualElement.text();

    return this.optional(element) || /regexwhateveryouwant/.test(myActualContent); 
}, "Custom error message");

如果你不能渲染一个虚拟的选择元素，你需要用 jQuery 创建它。