Placing Jquery validation error inside <input> box?

Question

My problem:

After validating an input field, if validation isn't complete, i want to put the error-message into the orginal input field.

you can user insertAfter() and insertBefore() to, (duh!) insert after or before input field.

I couldn't find any solution to my problem on StackOverFlow.

You should at first ask a question and then answer it in the answer section not in the question's body, what problem does this solve? — Ram
– Ram, Commented Sep 26, 2013 at 9:50
so that's removing value filled by user?! As user, i wouldn't expect/want that — A. Wolff
– A. Wolff, Commented Sep 26, 2013 at 9:50
Undefined: My reputation isn't high enough to answer my own question, a couple of hours, and i can. — Pjust
– Pjust, Commented Sep 26, 2013 at 10:40
A.wolff: the script doesn't remove any values filled by user. It puts error message in input field, if input was required and not filled. — Pjust
– Pjust, Commented Sep 26, 2013 at 10:41

Pjust · Accepted Answer · 2013-10-01 06:36:03Z

3

SO HERE IS MY SOLUTION:

THIS SCRIPT PLACES ERROR IN YOUR INPUT ELEMENT!

<script>
  $(document).ready(function() {
        $("#theForm").validate({

            errorPlacement: function(error, element) { 
                element.val(error[0].outerText);
            },
            debug: true
        });
    });

Additionally you will need a script to remove the message when input is clicked.

G'day!

answered Oct 1, 2013 at 6:36

Pjust

811 gold badge3 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Placing Jquery validation error inside <input> box?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related