Skip to content
This repository has been archived by the owner on Mar 12, 2020. It is now read-only.

Custom validator doesn't validate on jquery 3.0 - 3.4 #664

Open
thebugger2000 opened this issue Mar 5, 2020 · 1 comment
Open

Custom validator doesn't validate on jquery 3.0 - 3.4 #664

thebugger2000 opened this issue Mar 5, 2020 · 1 comment

Comments

@thebugger2000
Copy link

I can't get the custom validator to work with JQuery 3.0 through 3.4

I can load both 3.4 and 2.2.4 but I'm not sure how safe it is to have two JQuery versions loaded at the same time.

I used jsfiddle.net to make the problem easy to reproduce:
https://jsfiddle.net/fpye41hv/6/
(tested in Firefox 73.0.1 (64-bit))

Cause: When "JQuery 2.2.4" is selected on the JavaScript Window as the "Frame works & extensions" and you click "run" on the emulator toolbar:

Effect: The custom validator will "trim" the input value every time a character is typed. If you type a space at the end or beginning, it will be removed instantly looking as if nothing happened. this means the validator is working correctly

Cause: When "JQuery 3.2.1" is selected on the JavaScript Window as the "Frame works & extensions" and you click "run" on the emulator toolbar:

Effect: While the tab key will revel that the phone number validator still works the custom validator doesn't fire removing spaces at the ends of the input. you can type spaces to see nothing happens.

Note: I had trouble linking to the validator.min.js as a resource so i just copy and pasted its contents in the JS Section of the JSfiddle.

My Java script code is at the bottom for the custom validator

Please let me know how to proceed.

TIA

@canadauto
Copy link

I can't get the custom validator to work with JQuery 3.0 through 3.4

I can load both 3.4 and 2.2.4 but I'm not sure how safe it is to have two JQuery versions loaded at the same time.

I used jsfiddle.net to make the problem easy to reproduce:
https://jsfiddle.net/fpye41hv/6/
(tested in Firefox 73.0.1 (64-bit))

Cause: When "JQuery 2.2.4" is selected on the JavaScript Window as the "Frame works & extensions" and you click "run" on the emulator toolbar:

Effect: The custom validator will "trim" the input value every time a character is typed. If you type a space at the end or beginning, it will be removed instantly looking as if nothing happened. this means the validator is working correctly

Cause: When "JQuery 3.2.1" is selected on the JavaScript Window as the "Frame works & extensions" and you click "run" on the emulator toolbar:

Effect: While the tab key will revel that the phone number validator still works the custom validator doesn't fire removing spaces at the ends of the input. you can type spaces to see nothing happens.

Note: I had trouble linking to the validator.min.js as a resource so i just copy and pasted its contents in the JS Section of the JSfiddle.

My Java script code is at the bottom for the custom validator

Please let me know how to proceed.

TIA

Yes this is a major issue please fix

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants