Squeak.ru - шаблоны программирования

Плагин jQuery Validator: проверка содержимого div

В форме 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

Проблема в том, что неформальные элементы не проверяются, верно?

Я не тестировал этот подход, но почему бы вам не отобразить пустой элемент select с тем же именем, что и идентификатор div, и добавить метод, который захватывает правильный элемент:

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");

Если вы не можете отобразить фиктивный элемент select, вам нужно создать его с помощью jQuery.

28.11.2012
  • Возможно, я смогу добавить содержимое div в скрытый фиктивный элемент <textarea> и проверить его. Я попробую это, если ответ Gurpreets не сработает. 29.11.2012
  • Можете ли вы подтвердить, что элементы, не являющиеся формами, не тестируются? Я не могу найти это в документации. 29.11.2012
  • На StackOverflow много вопросов. Например: этот... Однако я не нашел недавний (от 2012). Кроме того, во всей документации никогда не упоминается пример проверки неформального поля. 29.11.2012
  • Новые материалы

    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...