Доступна библиотека создания и проверки форм и jQuery?

Вы можете использовать ValidForm Builder . Он соответствует вашим требованиям: с его помощью вы можете определить Forms с правилами проверки в PHP и генерировать формы с помощью проверки jQuery и стороны клиента.

Список функций (взятых со своего сайта):

• API генерирует XHTML Strict 1.0 совместимый код.
• Проверка поля на стороне клиента для минимизации накладных расходов.
• Проверка поля на стороне сервера для обеспечения соблюдения правил проверки и предотвращения закалки с помощью формы посредством SQL-инъекции.
• Проверка валидации на стороне клиента отображает встроенную линию, чтобы повысить удовлетворенность пользователей. Больше никаких раздражающих всплывающих окон, которые на самом деле ничего не говорят.
• Простое создание сложных форм-структур.
• Использует популярную библиотеку jQuery Javascript для манипуляций с DOM.
• Полностью настраивается с помощью CSS.
• Автоматическое создание сводок полей для почтовых форм формы как в HTML, так и в обычном тексте.
• Это открытый исходный код и, следовательно, совершенно бесплатный ( вот репозиторий GitHub )!

ОБНОВЛЕНО на 2017 год

Agile UI представляет собой библиотеку компонентов PHP UI (и преемника atk4.3), включая такие вещи, как:

• Интерактивные формы
• CRUD
• сетка
• меню
• Paginators
• подробнее см. по адресу http://ui.agiletoolkit.org/demos/index.php

Все компоненты имеют последовательный и простой интерфейс PHP:

$form = new \atk4\ui\Form(); $layout->add($form); $form->setModel(new Country($db)); 

Если вы предпочитаете CRUD, просто используйте \atk4\ui\CRUD . Agile UI также предлагает инструменты для добавления пользовательских компонентов.

Сравнение с альтернативным программным обеспечением:

• Выводит HTML для формы $form->render() или для всего веб-приложения.
• Автоматический стиль с семантическим интерфейсом
• Проверка на стороне сервера отображает ошибки inline.
• Макеты форм
• Включает интерфейс поддержки jQuery.
• Сохраняет данные через Agile Data , SQL, NoSQL
• Поддержка пользовательских шаблонов HTML
• Открытый и лицензированный под MIT

Вариант, с которым я столкнулся, – jFormer , но у него очень короткая история, и PHP-код менее желателен с массивным 3000-линейным файлом, полным нескольких классов. Он не требует модульного подхода.

В чем конкретно проблемы с проверкой на стороне клиента в HTML_QuickForm2 ?

Для работы нужен файл quickform.js . Файл устанавливается вместе с пакетом, но не включается автоматически в выходной файл формы. Недавно я обновил документы, чтобы сделать эту проблему более очевидной.

Также у QF2 было несколько выпусков с вашего вопроса, несколько JS-связанных ошибок были раздавлены. Подумайте о том, чтобы дать ему еще одну попытку: мы нацелены на стабильный выпуск Really Soon Now и будем любить отзывы.

Просматривая репозиторий PEAR сегодня, я заметил, что HTML_QuickForm2 выпустил новую версию, которая теперь поддерживает проверку на стороне клиента. Он не использует jQuery, хотя они написали собственную структуру JS для работы.

Возможно, вы можете использовать структуру Symfony . Он обеспечивает уровень Model-View-Controller и автоматическое формирование формы из модели. Существует множество вариантов проверки. Но я думаю, что есть некоторые модификации, необходимые для интеграции проверки на стороне клиента JQuery.

Я просто наткнулся на плагин jQuery, называемый jquery-ahm . Он перемещает логику проверки на сервер, но выполняет ее на клиенте с помощью JavaScript. В нижней части страницы вы видите пример проверки формы.

Разметка HTML:

 <form id="form" action="/a.form" method="post" class="ahm"> <p>Name</p> <input name="name" id="name" value="" type="text"> <p>Email</p> <input name="email" id="email" value="" type="text"> <p>Password</p> <input name="password" id="password" value="" type="text"> <br><input value="Submit Form" type="submit"> </form> 

PHP-код:

 <?php // catch errors foreach (array("name", "email", "password") as $key) { if (empty($_POST[$key])) { $error["#$key/addClass"] = "error"; $error["#$key/after"] = "<span class="error">Please enter $key</span>"; } } // get response if (!empty($error)) { $reset["input.error/removeClass"] = "error"; $reset["span.error/remove"] = ""; $response = $reset + $error; // reset errors before applying new ones } else { $response["#form/replaceWith"] = "<strong>Form successfully submitted</strong>"; } // return response return $response; ?> 

Результат: