Jquery basic keyup

Question

"On line 51 on app.js, use the focus and keyup event handlers to execute the confirmPasswordEvent."

I don't even know where to begin with this one, I get lost in all the functions!

//Problem: Hints are shown even when form is valid //Solution: Hide and show them at appropriate times var $password = $("#password"); var $confirmPassword = $("#confirm_password");

//Hide hints $("form span").hide();

function isPasswordValid() { return $password.val().length > 8; }

function arePasswordsMatching() { return $password.val() === $confirmPassword.val(); }

function canSubmit() { return isPasswordValid() && arePasswordsMatching(); }

function passwordEvent(){ //Find out if password is valid
if(isPasswordValid()) { //Hide hint if valid $password.next().hide(); } else { //else show hint $password.next().show(); } }

function confirmPasswordEvent() { //Find out if password and confirmation match if(arePasswordsMatching()) { //Hide hint if match $confirmPassword.next().hide(); } else { //else show hint $confirmPassword.next().show(); } }

function enableSubmitEvent() { $("#submit").prop("disabled", !canSubmit()); }

//When event happens on password input $password.focus(passwordEvent).keyup(passwordEvent).keyup(confirmPasswordEvent).keyup(enableSubmitEvent);

//When event happens on confirmation input fun $confirmPassword.keyup(enableSubmitEvent);

enableSubmitEvent();

On line 51 on app.js, use the focus and keyup event handlers to execute the confirmPasswordEvent.

Answer 1 · 2015-01-28T01:21:56Z

January 28, 2015 1:21am

This is incredibly confusing. Actually the entire jQuery module was very very difficult to listen to.

Answer 2 · 2014-08-04T20:30:47Z

August 4, 2014 8:30pm

Hi Will R,

This one gave me some trouble also but I figured it out.

If you go on line 51 you'll see it says $confirmPassword.keyup(enableSubmitEvent);

What you need to do is add in the focus handle to target the confirmPasswordEvent

Then you will need to use the keyup handle to bind it

So the complete code should look like

$confirmPassword.focus(confirmPasswordEvent).keyup(confirmPasswordEvent);

Cheers!

Answer 3 · 2015-03-24T20:13:59Z

March 24, 2015 8:13pm

I passed this challenge with

$confirmPassword.keyup(enableSubmitEvent).focus(confirmPasswordEvent).keyup(confirmPasswordEvent);

It is more readable like so:

$confirmPassword.keyup(enableSubmitEvent);
$confirmPassword.focus(confirmPasswordEvent);
$confirmPassword.keyup(confirmPasswordEvent);

The exercise is just making sure that whenever the Confirm Password box is either in focus OR the user is typing, the confirmPasswordEvent is being triggered (to compare the password fields and enabling/disabling whether the user can submit).

Answer 4 · 2015-02-06T10:04:24Z

February 6, 2015 10:04am

the answer is.. add this code before line 51.

$confirmPassword.focus(confirmPasswordEvent).keyup(confirmPasswordEvent).keyup(passwordEvent).keyup(enableSubmitEvent);

Answer 5 · 2016-03-22T02:52:23Z

March 22, 2016 2:52am

yeah going to youtube to re-learn jquery idk whats going on in this entire module

-_-

Answer 6 · 2014-08-02T16:32:33Z

August 2, 2014 4:32pm

Thanks for the messages, still stuck on this one. what is the answer, I've spent ages trying lol. Maybe seeing it will connect the dots!

Answer 7 · 2015-09-18T19:31:24Z

September 18, 2015 7:31pm

Thank you! I also had trouble with this one.

Answer 8 · 2016-03-08T20:59:12Z

March 8, 2016 8:59pm

so long, unfortunately for me, jquery lessons are the worst. don't know, maybe is my bad

Answer 9 · 2016-05-19T12:00:00Z

May 19, 2016 12:00pm

Thanks Patrick Mockridge! I will keep working on it and I think it should make more sense. Using jQuery I am understanding the JavaScript concepts easier for sure.

Thanks!

Answer 10 · 2014-07-31T07:57:04Z

July 31, 2014 7:57am

I can't identify line 51 here. Which function are you having a challenging with?

Answer 11 · 2014-08-01T03:05:42Z

August 1, 2014 3:05am

The challenge wants you to use the "confirmPasswordEvent" on line 51 with both the focus and keyup event handlers. Compare the event that is selected in the code to what you are told to target for the challenge and then work on using both focus and keyup on that line of code.

Answer 12 · 2016-03-10T20:43:54Z

March 10, 2016 8:43pm

thx for the answer i also feel stupid on this module hard to understant everythong that is going on

Answer 13 · 2016-05-19T11:48:16Z

May 19, 2016 11:48am

Glad that I am not the only one that thinks the jQuery lessons made no sense. I finished JavaScript basics and was feeling good going into jQuery and feel as though jQuery is WAY MORE CONFUSING. The lessons jumped around and made a simpler version of JavaScript feel 10 times harder. I loved the code challenges with JavaScript forcing you to understand the information but with jQuery they are telling you exactly what to put into the code and where, so it is basically useless. Please update the videos for jQuery so that we can learn a great language and be ready for real coding challenges in the future.

Answer 14 · 2017-04-25T15:37:18Z

April 25, 2017 3:37pm

Worst teacher ever on treehouse...... I started studying JQuery on treehouse two years ago, and I felt so dumb after every video... Now I'm trying again after I got more experience.. But the problem it's me (ok, I'm not so smart probably), but the second problem is this teacher... PLEASE CHANGE THIS COURSE'S TEACHER!!!!!!

Answer 15 · 2017-09-01T01:20:34Z

September 1, 2017 1:20am

This is so confusing. The teacher doesn't really explain the specific terms he is using then jumps around all over the place.

Answer 16 · 2014-08-01T19:20:56Z

August 1, 2014 7:20pm

I believe it is asking you to replace the (enableSubmitEvent) in confirmPassword.keyup(enableSubmitEvent) with the confirmPasswordEvent.

Answer 17 · 2016-03-27T14:07:10Z

March 27, 2016 2:07pm

I see what Chalky is trying to do with this module, I just think it's a bridge too far. It's an ambitious scope but it could do with more time being spent on the fundamentals. Not as ridiculous as when Jason jumps straight into Ruby on Rails though. I think part of me actually died when he did that.

Welcome to the Treehouse Community

Looking to learn something new?

williamrossi

williamrossi

Jquery basic keyup

17 Answers

rd. ln.

rd. ln.

williamrossi

williamrossi

Tyler Mayfield

Tyler Mayfield

Alin Marginean

Alin Marginean

Noah Huynh

Noah Huynh

Brian Mendez

Brian Mendez

carolynt

carolynt

Anusha Lee

Anusha Lee

Andrew Biviano

Andrew Biviano

Rich Braymiller

Rich Braymiller

Tyler Prosper

Tyler Prosper

Stephen Limmex

Stephen Limmex

Anusha Lee

Anusha Lee

Frank Bono

Frank Bono

Learning coding

Learning coding

Dylan Hobbs

Dylan Hobbs

Josephine Mukuya

Josephine Mukuya

N. Suzanne McLarnon

N. Suzanne McLarnon

Jerôme Naglé

Jerôme Naglé

Shawn Benn

Shawn Benn

williamrossi

williamrossi

Jessica Jimenez Hageman

Jessica Jimenez Hageman

Panos Papanik

Panos Papanik

Ian Friedel

Ian Friedel

Andrew Lincoln

Andrew Lincoln

tcotp

tcotp

roselio marcial

roselio marcial

Ian Friedel

Ian Friedel

Patrick Mockridge

Patrick Mockridge

ester gabetta

ester gabetta

Darren Ward

Darren Ward

Devorah Brinson

Devorah Brinson

Patrick Mockridge

Patrick Mockridge