How can I use the jqueryvalidation plugin with mdb material?

Topic: How can I use the jqueryvalidation plugin with mdb material?

belu pro asked 7 years ago

Hello,how can I use the https://jqueryvalidation.org/ - for mdb? What are the mdb - classes for errors and valid elements?Thanks a lot in advance,B.L.

Add comment

belu pro answered 6 years ago

0 0 Best answer

Hi, I am not that good in css and HTML. Is there a chance that you could provide me the styling options for error placement with jqueryvalidation? Regards

Mikołaj Smoleński staff commented 6 years ago

I can provide the styling, but firstly please send me Your zipped project to m.smolenski@mdbootstrap.com

Add comment

Mikołaj Smoleński staff answered 7 years ago

0 0 Best answer

I guess You should add styles to the error element. For example change it's width and absolute before it's focused and after it. Regards

Add comment

belu pro answered 7 years ago

0 0 Best answer

Hi,

I could find a solution for some parts of the problem...

But I have problems with the position and the input color - field, as you can see on the screenshot. What also works, that the input-field becomes green, when it is validated.

Do you have an idea, how I could solve the problems described on the screenshot? here my adapted jqueryvalidation - code (just the edited part):
<pre>highlight: function(element, errorClass, validClass) {
    $(element).addClass("invalid").removeClass("valid");
    $(element.form).find("label[for=" + element.id + "]")
        .attr("data-error", "Error - Message");
},
unhighlight: function(element, errorClass, validClass) {
    $(element).removeClass("invalid").addClass("valid");
    $(element.form).find("label[for=" + element.id + "]")
        .attr("data-success", "");
}</pre>

<a href="https://www.dropbox.com/sh/6o3wkovtyeutt18/AAD5fwbYJAQ7FVdT0k1LS1YNa?dl=0&preview=180110+Screen+Error+Bts+Form.png" rel="nofollow">https://www.dropbox.com/sh/6o3wkovtyeutt18/AAD5fwbYJAQ7FVdT0k1LS1YNa?dl=0&preview=180110+Screen+Error+Bts+Form.png</a>

Thanks in advance!

Regards,

Bernhard

Please insert min. 20 characters.

Hi, I could find a solution for some parts of the problem... But I have problems with the position and the input color - field, as you can see on the screenshot. What also works, that the input-field becomes green, when it is validated. Do you have an idea, how I could solve the problems described on the screenshot? here my adapted jqueryvalidation - code (just the edited part):

highlight: function(element, errorClass, validClass) {
    $(element).addClass("invalid").removeClass("valid");
    $(element.form).find("label[for=" + element.id + "]")
        .attr("data-error", "Error - Message");
},
unhighlight: function(element, errorClass, validClass) {
    $(element).removeClass("invalid").addClass("valid");
    $(element.form).find("label[for=" + element.id + "]")
        .attr("data-success", "");
}

https://www.dropbox.com/sh/6o3wkovtyeutt18/AAD5fwbYJAQ7FVdT0k1LS1YNa?dl=0&preview=180110+Screen+Error+Bts+Form.png Thanks in advance! Regards, Bernhard

Add comment

Mikołaj Smoleński staff answered 7 years ago

0 0 Best answer

You can simply add jqueryvalidation script to Your page. Unfortunately, there are no MDB classes for errors. You'll need to add Your own classes to work with jqueryvalidation. Regards

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: Yes

belu

Pro User 72Support score
14Questions 9Answers 0Snippets