Simple Login form with HTML,CSS and Javascript

Question

I am trying to build a simple login form with HTML and CSS and I am using Javascript for empty field validations.

I am trying to validate for empty text on the textboxes and display the error message below each textbox using the css and HTML.

CSS

.validation
{
  color: red;
  margin-bottom: 20px;
}

Javascript

$("#txtUsername").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please enter username</div>");

I am trying to follow this question and replicate same but somehow it it not working.

Any help?

Thanks in advance.

What exactly is not working? What functionality are you trying to replicate and which part doesn't work? — Jonathan Lam
– Jonathan Lam, Commented Oct 23, 2017 at 3:02
Define "not working". What errors do you get? Please post a minimal reproducible example in your question and properly tag it (it appears as if you're using jQuery but the tag is missing) — j08691
– j08691, Commented Oct 23, 2017 at 3:02
Not working the validation.If you would have opened jsfiddle, I am sure you noticed it.Thanks for your time — Santosh
– Santosh, Commented Oct 23, 2017 at 3:15

Jonathan Lam · Accepted Answer · 2017-10-23 03:08:37Z

1

In your JSFiddle, jQuery is not added as a library. Thus your jQuery validation code is not being called.

It works if you add jQuery.

answered Oct 23, 2017 at 3:08

Jonathan Lam

17.5k17 gold badges72 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Oh, I didn't know this..Thanks much

@Santosh You're welcome! Please make sure to mark this answer as accepted to show the community it helped you.