Unable to hide rule message when user selects cancel button for edit row

[ashwin prabhuParticipant]

Hi Team,

Please refer to this link i created.
https://www.jseditor.io/?key=hide-rule-message-when-cancelled-editing

When i run this link, and select “Edit”, an edit window pop-up shows up.
The first input is order. If i keep this input blank, i get a error message saying “Order number is required”
Now if i click “Cancel” at this moment, the pop-up window closes but the validation rule message still shows up. How can i hide this part when user clicks cancel button ??

[ashwin prabhuParticipant]

Similarly, there is one more minute error. Instead of clicking cancel buttonm,if i click on the rule message itself, then there will be no rule message displayed. How to ensure that the rule message stays in this case when the user clicks on the rule message ?

[DimitarParticipant]

Hi ashwin prabhu,

1. Add the following to your code as a solution:

   $('#Cancel').click(function() {
       $('#testForm').jqxValidator('hide');
   });

2. Set the jqxValidator’s property closeOnClick to false (example).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts