canadauto
commented
4 years ago 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
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