jQuery UI Widgets Forums Angular Jqx validator error message can't disappear

Tagged: 

This topic contains 10 replies, has 2 voices, and was last updated by  Romain 4 years, 9 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author

  • Romain
    Participant

    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.


    Romain
    Participant

    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.


    Romain
    Participant

    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


    Hristo
    Participant

    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 Hristov

    jQWidgets team
    https://www.jqwidgets.com


    Romain
    Participant

    How 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.


    Romain
    Participant

    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.1

    in 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.


    Hristo
    Participant

    Hello Romain,

    I tested this example and it seems to work fine:
    https://stackblitz.com/edit/github-po53uc-8cyurw

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com


    Romain
    Participant

    Hello,
    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


    Romain
    Participant

    Hristo
    Participant

    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 Hristov

    jQWidgets team
    https://www.jqwidgets.com


    Romain
    Participant

    Hello,

    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.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.