Intereting Posts

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; }, ..... ..... };