ES6

Use es6 for Parsley development and build it fully transpiled into dist/. Should lead to 2.3.0 version which do not bring any new feature nor BC break.

TODO

• [x] es6 boilerplate (gulp/grunt tasts)
• [x] adapt Parsley files
• [x] adapt test suite
• [ ] profit

Hello,

parsley is very slow on form with around 100 - 200 inputs. it's take around 1000 ms for the dom to complete. I do like this

$(document).ready(function(){
  $myForm.parsley();
});

i guess it's because $myForm.parsley(); will modify the dom mostly by adding/removing new elements. this effect of updating the dom is very slow (and bad) ! maybe it's better to add the new elements when they are actually need. exemple empty elements like <ul id="parsley-id-9096" class="parsley-errors-list"></ul> are they really necessary before an error is raised ?

Currently parsley remote caches every response and that can be a problem. For example I am working on a single page app and when creating user I am checking is email unique so this happens:

1. I normally create user with email which wasn't used earlier (parsley response is cached)
2. I try to create user with same email again and since response is cached it passes validation again

Hi, I upgraded to the last version and I use parsley.remote instead parsley but when I load the script through requirejs I have an error

caused by this code at line 2065 in parsley.remote.js

Any idea?

Really not sure what's going on, I'm using the latest version of jquery and it's possible there is some kind of conflict.

But the following is not working or being fired

$('#quantity').parsley().on('field:success', function() {
        console.log('success');
});

But this does work

    $( "#quantity" ).change(function() {
        console.log('change');
        $('#quantity').parsley().validate();
    });

I see the validation

This is also not working 
  if (false === $('#create-post').parsley().validate('step' + current)) {
                    console.log('false');
                    return false;
} 

This is for version 1.2.3.

The implementation of type="number" and parsley-type="number" is supposed to be the same, according to the documentation.

However, the implementations are not the same. A test case is the number 4.5. It will pass parsley's validation, but not HTML5's.

Test page for HTML5's input type="number": http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_number

Hi there,

I've pushed 2.0-dev here: http://guillaumepotier.github.io/parsley2-doc/

I'll keep it updated while developing Parsley2 and updating doc / tests, meanwhile, feel free to have a look, test and put your feedbacks here :)

Best

What kind of issue is this? (put 'x' between the square brackets)

• [ ] Question. This issue tracker is not the place for questions. If you want to ask how to do something, or to understand why something isn't working the way you expect it to, use http://stackoverflow.com/questions/ask . Provide working code, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101. We monitor the tag parsley.js.
• [ ] Bug report. If you’ve found a bug, you must provide a minimal example in a CodePen, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101 .
• [x] Feature Request. Make sure there's no good way to do what you want first; consider asking on http://stackoverflow.com/questions/ask first.

Hi, so I use bower, and bower installer to install dependencies, when requesting distribution files I don't require the sourcemap, however because the sourcemap is not included in the bower file as a main file it doesn't get installed by bower installer causing my grunt tasks to fail due to the missing sourcemap.

Can you either exclude sourcemaps from distribution files, or include the sourcemap in bower.json as a main file? Preferably the former as I have no requirement for source maps in production code.

Thanks! :)

What kind of issue is this? (put 'x' between the square brackets)

• [ ] Question. This issue tracker is not the place for questions. If you want to ask how to do something, or to understand why something isn't working the way you expect it to, use http://stackoverflow.com/questions/ask . Provide working code, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101. We monitor the tag parsley.js.
• [x] Bug report. If you’ve found a bug, you must provide a minimal example in a CodePen, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101 .
• [ ] Feature Request. Make sure there's no good way to do what you want first; consider asking on http://stackoverflow.com/questions/ask first.

I think I found a bug with floating number validation. Here is a CodePen to illustrate it: http://codepen.io/cgrimal/pen/jApoyO?editors=1010

The data-parsley-type="number" is not validating any number input with a . I read the docs, and tried many things but I can't make it work. One thing that may help you: it works if you use release 2.2.0-rc4 and the problem starts with release 2.2.0.

I'll use 2.2.0-rc4 for the time being but I'm willing to understand if it is a genuine bug of the lib or me!

Thanks guys, Clément

When trying to validated a field together with an adjacent field, the parsley:field:validate is simply not powerful enough to allow you to send additional data dynamically and neither is the data-parsley-remote-options attribute.

This applies, for example, when remotely validating international phone numbers which require the user to also select the country in order to apply formatting rules.

// this fails and data is never sent
$.listen('parsley:field:validate', function (field) {
  if (field === someRefToMyField) {
    field.options.remoteOptions.data = {someName: $someField.val()};
  }
});
// this works
$.listen('parsley:remote:options', function (field, options) {
  if (field === someRefToMyField) {
    options.data = {someName: $someField.val()};
  }
});

Hi,

would it be possible to add an option to order Parsley not to report error messages? My use case is this: I use my own form builder to create forms, that displays errors in designated place inside form. Hooking Parsley inside my code was easy but I had to silence its reports by:

parsley-error-list {
  display:        none !important;
}

All I'm interested is "tell me if all values are valid or not", or better "tell me what fields contain invalid values" - I'll report this to user my own way. Parsley does it's validation job perfectly (for my needs, at least :) but talks too much :) Using CSS to silence Parsley works, no doubt about that, but I just thought it'd be nice to have an option for this behavior - it'd be more straightforward, readable and understandable.

I try to listen for an error in the second field. I have an issue it will not be added a class to the button. Is it technically possible to do this? A button is pushed on the second element under an error but an error is under input cell. So, I try to add a new class to the button when an error arise for the second element. I have used if (input.dataset.parsleyId === '13') ` $(document).ready(function() { var parsleyConfig = { errorsContainer: function(parsleyField) { return $('#errors'); } };

$("form").parsley(parsleyConfig); if (input.dataset.parsleyId === '13') { button.setAttribute("class", "fixed-margin-button1"); }

$("form").on('submit', function(e) { var f = $(this); f.parsley().validate();

if (f.parsley().isValid()) {
 alert('The form is valid');
} else {
 alert('There are validation errors');
}

e.preventDefault();

} ); } ); `

What kind of issue is this? (put 'x' between the square brackets)

https://codepen.io/code-prashant/pen/RwgPaQV?editors=101

once the codepen loads keep focus in Please enter a palindrome: field now scroll and click on 'click me link'

issue: alert not fired. click again and alert is fired

• [x] Bug report. If you’ve found a bug, you must provide a minimal example in a CodePen, https://codepen.io/code-prashant/pen/RwgPaQV?editors=101.

What kind of issue is this? (put 'x' between the square brackets)

• [ ] Question. This issue tracker is not the place for questions. If you want to ask how to do something, or to understand why something isn't working the way you expect it to, use http://stackoverflow.com/questions/ask . Provide working code, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101. We monitor the tag parsley.js.

• [x] Bug report. If you’ve found a bug, you must provide a minimal example in a CodePen, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101 .

• [ ] Feature Request. Make sure there's no good way to do what you want first; consider asking on http://stackoverflow.com/questions/ask first.

I am having problems validating a URL containing an underscore, they are coming back as invalid according to Parsley.

I have checked the regex Parsley uses: https://github.com/guillaumepotier/Parsley.js/blob/master/src/parsley/validator_registry.js#L53

It does appear that it disallows an underscore.

I went on to try to find out what the deal with underscores in URLs is, and I have not been able to find an absolute clear answer:

• RFC1738 says they are not allowed
• The URI spec says that they are allowed
• In various places I have read that hostnames do not allow underscores but domain names do.

The conclusion is that it's a mess, and I genuinely have no idea if they are valid, after spending most of a day trying to find out.

But, there is a more practical issue, which is that nonetheless URLs with underscores do exist, and my browser will resolve them, so that seems like a fairly good test that they are allowed, if not in spec, then at least "in the wild". Here's an example of such a URL: https://imuk_eng.pnzgu.ru/

So, I need to get my form to permit them, which it currently doesn't.

The best answer is that Parsley's type=url validator would allow underscores in URLs, and I don't know how feasible that is.

The second best answer is that I could override the Parsley URL regex with my own weakened version which allows underscores. I haven't found a clean way to do that yet, short or removing and then replacing the type validator with my own one, which I don't want to do, as I think I'd need to copy a lot of Parsley internal code.

Is there a way to replace https://github.com/guillaumepotier/Parsley.js/blob/master/src/parsley/validator_registry.js#L31 at runtime?

Thanks!

As demonstrated by https://github.com/guillaumepotier/Parsley.js/issues/1226, Parsley.js still uses the deprecated function deferred.pipe

There has been a fix before: https://github.com/guillaumepotier/Parsley.js/pull/1253 That fix has been retracted because it doesn't pass the test suite. This fix removes deferred.pipe and still passes all the tests.

In the docs we can use the addError method to programmatically add an error to a field: addError(name, {message: , assert: , updateClass: true});

One of the properties we can pass is assert what is assert and what values does it accept? I cannot find the answer for this anywhere.

Thanks!

What kind of issue is this? (put 'x' between the square brackets)

• [ ] Question. This issue tracker is not the place for questions. If you want to ask how to do something, or to understand why something isn't working the way you expect it to, use http://stackoverflow.com/questions/ask . Provide working code, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101. We monitor the tag parsley.js.

• [x ] Bug report. If you’ve found a bug, you must provide a minimal example in a CodePen, starting from http://codepen.io/marcandre/pen/jqbzyN?editors=101 .

• [ ] Feature Request. Make sure there's no good way to do what you want first; consider asking on http://stackoverflow.com/questions/ask first.

It looks like Parsley validates disabled form elements. I suppose this issue may fall into the "feature" category if this behavior is intended, however, my gut tells me, that a disabled form field should not be validated.

Here's an example codepen: https://codepen.io/homestar9/pen/NWrYYyZ

Here's an animation of the issue: https://i.imgur.com/SUvfl99.gif