jQuery Validator插件:验证div的内容

时间:2012-11-28 19:42:06

标签: jquery jquery-plugins sharepoint-2010 jquery-validate validation

在SharePoint 2010表单中,富文本字段不是作为表单元素呈现,而是作为div呈现。我需要使用jQuery Validator插件来检查这个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>

1 个答案:

答案 0 :(得分:1)

问题是非形式元素没有经过测试,对吗?

我没有测试过这种方法,但为什么不渲染一个与div的id同名的空select元素,并添加一个抓取正确元素的方法:

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创建它。