How to make non strict client validation for 2 fields?

Hi!

I have 2 fields firstName and lastName

validation.yml

YAML

PeopleBundle\Entity\Person: properties: firstName: - NotBlank: ~ - Length: max: 255 lastName: - NotBlank: ~ - Length: max: 255

1 2 3 4 5 6 7 8 9 10

PeopleBundle\Entity\Person:     properties:         firstName:             - NotBlank: ~             - Length:                   max: 255         lastName:             - NotBlank: ~             - Length:                   max: 255

I need so that one field can be empty, but can’t both.

Topic

[Mike KudelyaParticipant]

Hi

Try to create class constraint validator. As example i can show you constraint and validator.

[vodvudParticipant]

Hi!

I found another way

JavaScript

$(document).ready(function () { $('form[name="biz_person"] button[type="submit"]').on('click', function (e) { e.preventDefault(); var value = $.map($('input.biz-person-full-name-fields'), function (el) { var val = $(el).val(); return String(val).trim(); }).join(''); var first = $('input.biz-person-full-name-fields:first'); var data = first.data('validation'); if (value === '') { /* add not blank validation */ data['NotBlank'] = { 'message': 'This value should not be blank.', 'payload': null }; } else { /* delete not blank validation if set */ if (typeof(data.NotBlank) !== 'undefined') { delete(data.NotBlank); } } first.data('validation', data); $(this).closest('form[name="biz_person"]').submit(); }); });

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

$(document).ready(function () {     $('form[name="biz_person"] button[type="submit"]').on('click', function (e) {         e.preventDefault();           var value = $.map($('input.biz-person-full-name-fields'), function (el) {             var val = $(el).val();             return String(val).trim();         }).join('');           var first = $('input.biz-person-full-name-fields:first');         var data = first.data('validation');           if (value === '') {             /* add not blank validation */             data['NotBlank'] = {                 'message': 'This value should not be blank.',                 'payload': null             };         } else {             /* delete not blank validation if set */             if (typeof(data.NotBlank) !== 'undefined') {                 delete(data.NotBlank);             }         }           first.data('validation', data);           $(this).closest('form[name="biz_person"]').submit();     }); });

Thank you!

[Hryhorii HrebiniukParticipant]

Hi @vodvud,

Problem that you are trying to mange looks ordinary, but solution here is not so trivial.

Solution that you use, might work for most cases. But I would not say it is reliable. There’s a lot of cons. Starting from, that you’re using js-inline code, the handler lives in memory despite that user already left edit page. And ending, that you are handling only click on submit buttons, but a form can be submitted in other ways, e.g. by keydown an enter key on some text field.

I would propose you to create own constraint here, different from ‘NotBlank’ (because it validates only current field). You need a validator rule that works with two fields at same time. Similar to how works validation on “Re-Enter Password”, see Repeated constraint
https://github.com/orocrm/platform/blob/master/src/Oro/Bundle/FormBundle/Resources/public/js/validator/repeated.js#L14. Validation function should look for other field and returns a result in depends of what aggregated value is. To add new validation rule to validator use following approach https://github.com/orocrm/platform/blob/master/src/Oro/Bundle/EmailBundle/Resources/public/js/app/modules/email-module.js#L13-L13

[vodvudParticipant]

Hi!
You’re right, I’ll try your way.
Thank you!

[Author]

Replies