InputfieldPassword validation drives me crazy

[stipps]

Hi,

After fiddling around with FormBuilder and FrontendUser, I decided to build a simple registration form for our website by myself.

In theory evertyhing is working, the only thing I can not get a handle on is the presentation of the password field validation (see attached image). All validation hint images display at once .. 

As suggested somewhere well hidden in the forum, I imported the following files into the header of my template, right after loading jQuery:

<link type="text/css" href="/wire/templates-admin/styles/font-awesome/css/font-awesome.min.css?v=17j" rel="stylesheet">
<script type="text/javascript" src="/wire/modules/Inputfield/InputfieldPassword/complexify/jquery.complexify.min.js"></script>
<script type="text/javascript" src="/wire/modules/Inputfield/InputfieldPassword/complexify/jquery.complexify.banlist.js"></script>
<script type="text/javascript" src="/wire/modules/Jquery/JqueryCore/xregexp.js?v=1466417387"></script>
<script src="/wire/modules/Inputfield/InputfieldPassword/InputfieldPassword.min.js?v=101-1466417387"></script>

I've tried it with jQuery 1.11, 2 and 3.

I do like the idea of giving an indicator of whether the chosen password is long/complex enough before posting the registration form, otherwise I would probably just make it invisible via CSS. 

Am I missing something?

- Fredrik

[BitPoet]

Looks like all you're missing is InputfieldPassword.css.

[stipps]

1 hour ago, BitPoet said:

Looks like all you're missing is InputfieldPassword.css.

 

Not quite sure how I missed that .. thanks a lot.