JQuery DatePicker conflicts with Validate

JQuery DatePicker conflicts with Validate

When I put the datepicker in my form the validation stops working.

As soon as I had the following code, the validation stops working. I think its a conflict between them. What can I do to solve this?

Date picker code:

$('#data_nascimento').datepicker({dateFormat: 'yy-mm-dd'});

and the script lines:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script src="htt<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>p://jqueryui.com/ui/i18n/jquery.ui.datepicker-pt.js"></script>

A simple comment form with submit validation and default messages
Name *

Date *

URL

Your comment * </p> <p> <input class="submit" type="submit" value="Submit"/></p> <p style="text-align: center"><span class="Apple-style-span" style="white-space: pre"><br/></span> </p> </fieldset> </legend></li> </ol> </div> </div></span><div> </div> <ul></ul> <ul><li><h1>Topic Participants</h1></li> <li><a href="https://forum.jquery.com/portal/en/community/user/588867000001099385" rel="noopener" target="_blank" ><h2>lmsmartins</h2></a></li> </ul> </div> <script nonce="2961a744c93d477e561d7d72bc2bb92b">renderApp && renderApp();</script> </body></html>