Fix validate-emails rule for ui component

- Fix wrong method `strip()` => `trim()`
- Sync logic with `lib/web/mage/validation.js`

Author: tuanpht

app/code/Magento/Ui/view/base/web/js/lib/validation/rules.js

@@ -879,17 +879,18 @@ define([
             }
         ],
         'validate-emails': [
+            // TODO: logic is same in lib/web/mage/validation.js. Should we uniform?
             function (value) {
                 var validRegexp, emails, i;
 
                 if (utils.isEmpty(value)) {
                     return true;
                 }
-                validRegexp = /^[a-z0-9\._-]{1,30}@([a-z0-9_-]{1,30}\.){1,5}[a-z]{2,4}$/i;
+                validRegexp = /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i; //eslint-disable-line max-len
                 emails = value.split(/[\s\n\,]+/g);
 
                 for (i = 0; i < emails.length; i++) {
-                    if (!validRegexp.test(emails[i].strip())) {
+                    if (!validRegexp.test(emails[i].trim())) {
                         return false;
                     }
                 }