jQuery UI Widgets › Forums › Angular › Jqx validator error message can't disappear
Tagged: jqxvalidator
This topic contains 10 replies, has 2 voices, and was last updated by Romain 4 years, 9 months ago.
-
Author
-
Hello,
In my project, i put some jqx validator. Validation success works. Rules works too.
If I required an input, the error message get display but if I click on it, He never disappear. I can swip page and the error stay display. I have to reload my browser to get the error message “hide” or I have to complete the input.I don’t know what i’m doing wrong. I copy/paste your demo code angular in my application and that’s not work. So it’s an appliation problem. I need some help to know where i should search.
I found the problem.
There is a conflict between jqwidgets validator and the scripts : “node_modules/jquery/dist/jquery.min.js”,If i comment this line in angular.json, everything works.
Someone can help me ?
Because I can’t delete jquery from my project I need it. But if I let him jqxvalidator error message never disappear
Hello Romain,
I will start with something important.
The jQWidgets library could work separately – there is no need anymore to include the jQuery with the newer versions.
Also, I would like to ask you for more information about the mentioned case.
Please, provide us with one simplified example that demonstrates this.Best Regards,
Hristo HristovjQWidgets team
https://www.jqwidgets.comHow can I demonstrate you the problem on my application ?
I don’t need jQuery for jqWidgets tools but I need it for my website with some click dropdown.
I don’t understand why there is this conflict between both.
Hello,
After lots of tests, I found something.I make a project angular.
I install jQwidgets latest version : 9.1.4
I install latest version jQuery : 3.5.1in angular.json in array scripts I put : “node_modules/jquery/dist/jquery.min.js”
If I try to use jqxvalidator, message appear but I can’t click to close the error message.
I uninstall this version of jQuery
I install a later version : 2.2.4 (other more recent versions > 3.0.0 doesn’t work)I can click to close my error message.
Hello Romain,
I tested this example and it seems to work fine:
https://stackblitz.com/edit/github-po53uc-8cyurwBest Regards,
Hristo HristovjQWidgets team
https://www.jqwidgets.comHello,
in your example you install jquery latest version but you don’t declare it in the angular.json file.Maybe we don’t need to declare it in the angular.json file but I see this in every tutorial for installing jquery.
And in my application, if I don’t declare it, My data-toggle doesn’t work.I try in stackblitz and everything work when i paste all of my project.
But if I create a new projet in my computer with same code doesn’t work.
I would like to share you my project in stackblitz but i don’t know how I can.
I’m new in angular/stackblitz/jqwidgets
Hello Romain,
Thank you for your example.
It seems it works in the “stackblitz“, could you provide the steps to reproduce it, if it is possible?
Or I would like to suggest you contact the “support@jqwidgets.com“ with this issue and one simplified example.
It could be with dummy records and without the “node_modules” folder.
Meanwhile, I would like to suggest you try one fast approach to handle it.
You could try to add new “script” tag in the “index.html” file this row of source:<script> window.jqxCore = true; </script>
I hope this will help.
PS: Also, I follow the instruction from this, after that this tutorial, and on the end, I used our tutorial.
The final result you could find on this.Best Regards,
Hristo HristovjQWidgets team
https://www.jqwidgets.comHello,
I will send an email to the support.
I try your final result on my computer.
– I download the project
– I put the project on my folder with other angular projects.
– I made a npm install in the project.
– I did ng serve –open to start the project.I try the demo from this page: https://www.jqwidgets.com/angular/angular-validator/#https://www.jqwidgets.com/angular/angular-validator
I paste everything except the index.html file.I try the validator and i can’t close the error message.
So I guess the problem isn’t jquery and jqwidgets but maybe my version of Angular.
-
AuthorPosts
You must be logged in to reply to this topic.