PHP Lang
  1. PHP Lang
  3. Yii – проверка на стороне пользователя для элементов формы, загруженных ajax
Intereting Posts
Twig не отображает теги HTML mysqli_query – возвращаемые значения Библиотека PHP GD не может сливаться с изображением, используя функцию Woocommerce WC_Order get_shipping_address () не возвращается как массив Лучшая оценка для SSL в CakePHP Точка в многоугольнике с использованием geoPHP XPath Query & HTML – поиск конкретных HREF в пределах якорных тегов PHP Parser для PHP – объявления селектора для строки GET весь div с его элементами и отправить его с помощью функции php mail Как получить звание определенного пользователя в конкретном предмете для всех испытуемых, признанных связями регулярное выражение find-and-replace-in-html не выполняется Как получить доступ к базе данных в классе библиотеки? SQL Select Присоединиться к лимиту в Laravel / PHP Получите все рабочие дни в неделю за определенную дату загрузить изображение в базу данных mysql с помощью универсального приложения Windows

Yii – проверка на стороне пользователя для элементов формы, загруженных ajax

Я использую проверку пользовательской стороны Yii в статических формах, и это здорово. Но я не знаю, как добавить валидаторы для загруженных элементов ajax.

У меня простой виджет формы, и я хотел бы загрузить в него несколько полей ввода через AJAX (это не проблема с маленьким сценарием jQuery). Но я не знаю, как добавить YII javascript-валидаторы для загруженных элементов – я имею в виду автоподготовленные JS-валидаторы, такие как: 

<script type="text/javascript"> /*<![CDATA[*/ jQuery(function($) { $('#newsletter-form-footer').yiiactiveform({'validateOnSubmit':true,'validateOnChange':false,'afterValidate':Form.handleByAjax,'attributes':[{'id':'NewsletterForm_emailaddress','inputID':'NewsletterForm_emailaddress','errorID':'NewsletterForm_emailaddress_em_','model':'NewsletterForm','name':'emailaddress','enableAjaxValidation':false,'clientValidation':function(value, messages, attribute) { if($.trim(value)=='') { messages.push(" VALIDATOR_REQUIRED"); } if($.trim(value)!='' && !value.match(/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/)) { messages.push(" VALIDATOR_EMAIL"); } }}]}); }); /*]]>*/ </script>

Есть ли способ добавить или удалить эти валидаторы?

Это немного сложно. Если вы хотите сделать это с помощью yiiactiveform, вам необходимо:

  1. Добавьте поле для проверки или
  2. Удалить поле из проверки

Мое предложение:

  1. Создайте свои собственные функции проверки JavaScript (вы можете скопировать код проверки yii здесь) 

     $('#newsletter-form-footer').submit(function() { return MyValidator.validate(); });

  2. Когда вы загружаете поле в форму 

     //You have to get rulesORoptions // along with fieldName from your ajax request. MyValidator.add(fieldName, rulesORoptions);

  3. Когда вы удаляете поле из формы 

     MyValidator.remove(fieldName);

  4. Код MyValidator здесь … 

     var MyValidator = { fields: {}, add: function(fieldName, rulesORoptions) { this.fields[fieldName] = rulesORoptions; }, remove: function(fieldName) { delete this.fields[fieldName]; }, validate: function() { var success = true; for(var fieldName in this.fields) { for(var rule in this.fields[fieldName]) { if( eval('MyValidator.'+rule+'($("#'+fieldName+'").val())') == false ) { $("#'+fieldName+'_em_").html("validation failed (some error text, rulesORoptions may contain error text )"); success = false; } } } return success; }, /* Validation methods are here, copy the javascript validation code from Yii */ email: function(value) { if($.trim(value)!='' && !value.match(/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/)) { return false; } return true; }, required: function(value) { if($.trim(value)=='') { return false; } return true; }, number: function(value) { if(/*copy yii validation code */) { return false; } return true; }, ..... ..... };